您的位置:首页 > Web前端 > JavaScript

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

2012-05-17 18:49 676 查看
<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);//获取文本

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  firefox ie function 测试