首页>>技术前沿>>B/S,C/S软件系统开发
select动态添加options操作的兼容性解决方案
作者：西安网站建设 | 原创 来源：西安百度优化 | 时间：2010年4月23日| 点击:0次 | 【评论】

select id="ddlResourceType" onchange="getvalue(this)" 

动态删除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]); 

这样,上面这句就做到兼容了.
其他的代码都没有问题,可以兼容.

此内容DOC下载　此内容PDF下载

【全文完】
关键词标签:　兼容性　
0 (1)
0 (0)

版权声明:

1、陕西弈聪网站内容中凡注明“来源：XXX（非陕西弈聪网站）”的作品，转载自其它媒体，转载目的在于传递更多信息，其中涉及的网站建设，网站优化，百度关键词优化，西安软件开发等技术细节并不代表本站赞同支持其观点，并不对其真实性负责。对于署名“陕西弈聪”的作品系本站版权所有，任何人转载请署名来源，否则陕西弈聪将追究其相关法律责任。

2、本站内容中未声明为“原创”的内容可能源自其它网站，但并不代表本站支持其观点，对此带来的法律纠纷及其它责任与我方无关。如果此内容侵犯了您的权益，请联系我方进行删除。