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

来源:互联网 发布:数据库的特点是什么 编辑:程序博客网 时间:2024/05/20 18:44

<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);//获取文本
     }