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

做一個項目,遇到了要動態調整 select 選項的情況,就baidu了一下,發現了一篇與本文同名的帖子.

但是呢,那個帖子里的方法并不兼容.??

附原文:

<select id="ddlResourceType" οnchange="getvalue(this)">
</select>

???動態刪除select中的 所有options：
?????? document.getElementById("ddlResourceType").options.length=0;

???? 動態刪除select中的某一項option：
?????? document.getElementById("ddlResourceType").options.remove(indx);??
//就是這句不兼容了,Firefox是不懂 remove 這個方法的,所以會報錯了,當然也移除不了了

????動態添加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);//獲取文本
???? }

后來,發現這篇文章末端的那幾句話,覺得可以用dom試試,嗯,果然可行.

var sObj=document.getElementById("ddlResourceType");

sObj.removeChild(sObj.options[indx]);

這樣,上面這句就做到兼容了.

其他的代碼都沒有問題,可以兼容.?

總結

以上是生活随笔為你收集整理的JS 对select动态添加options操作[IEFireFox兼容]的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。