您的位置:首页 > Web前端 > JavaScript

JS技巧:JS对select动态添加options操作[IE&FireFox兼容]

2011-04-13 18:58 716 查看
<select id="ddlResourceType" onchange="getvalue(this)">


</select>




    动态删除select中的所有options: 


       document.getElementById("ddlResourceType").options.length=0; 




     动态删除select中的某一项option: 


       document.getElementById("ddlResourceType").options.remove(indx);  




     动态添加select中的项option: 


       document.getElementById("ddlResourceType").options.add(new Option(text,value)); 




     上面在IE和FireFox都能测试成功,希望以后你可以用上。 


其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。 




取值方面


    function getvalue(obj)




     ...{


         var m=obj.options[obj.selectedIndex].value


         alert(m);//获取value


         var n=obj.options[obj.selectedIndex].text


         alert(n);//获取文本


     }

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  firefox ie 测试