JS對select動態添加options操作[IE&FireFox兼容]

轉載自:http://www.cnblogs.com/ghostljj/archive/2007/04/30/733417.html


<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);//獲取文本
    }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章