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

<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);//获取文本
    }

 

 

实际应用中出现的问题:
       1.要实现的功能:从一个select选择数据到另外一个select
       2.代码:

 1function dbselected(e1,e2){
 2    var o1 = $(e1);
 3    var o2 = $(e2);
 4    var op = o1.options[o1.selectedIndex];    
 5    if(o1.value!=''){
 6          if(o2.length>0){
 7                if(o2.options[0].value=='') o2.options[0] = null;
 8          }
 9          o2.options.add(new Option(op.text,op.value));
10          o1.options[o1.selectedIndex] = null;    
11    }
12}

   if(o2.length>0){ if(o2.options[0].value=='') o2.options[0] = null; }这一句判断将o2清空,

   o1.options[o1.selectedIndex] = null;   不能改为"o1.options.remove[o1.selectedIndex] ",如果你当前选中的是最后一行,移到o2的还是最先的那条数据,但是移出o1的就是当前的最后数据.