JS对select动态添加options操作(已测)

此非常好用

document.getElementById("ddlResourceType").options.add(new Option(text,value));

  下拉框：

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

1、动态删除select中的所有options：

document.getElementById("ddlResourceType").options.length=0;

2、动态删除select中的某一项option：

document.getElementById("ddlResourceType").options.remove(index); 

3、动态添加select中的项option: 

document.getElementById("ddlResourceType").options.add(new Option(text,value)); 

上面的操作在IE和火狐中都能测试成功，其实用标准的DOM操作也可以，就是document.createElement，appendChild，removeChild之类的。

4、下面要说下在取值方面，自己遇到的一个坑，很隐藏的坑，大家都知道，如何获取选中的某一项option的值，当初在用chrome调试的时候，打印出了原生select对象，找到了selectedOptions这个选中项的数组属性，正常情况下，单选下拉框的该属性只有一个值，默认可以使用selectedOptions[0]这样的方式去获取ÿ