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

作者在 2008-12-31 13:38:53 发布以下内容

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

<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);//获取文本
    }
(编程)Work | 阅读 5016 次
文章评论,共0条
游客请输入验证码
浏览317266次