js操作select

1.动态创建select

1. function createSelect(){  
2.     mySelect = document.createElement("select");  
3.     mySelect.id = "mySelect";   
4.     document.body.appendChild(mySelect);  
5. }  

2.添加选项option

  

function addOption(){     

          var obj=document.getElementById(“mySelect”);    

           //添加一个选项  

          obj.add(new Option("文本","值"));    //这个只能在IE中有效  

          obj.options.add(new Option("text","value")); //这个兼容IE与firefox  

}  

Option里面的四个参数分别的意思

new Option(text,value,defaultselected,selected)

new Option(文本，值，默认选中的项，选中的项)

new Option("男","1",false,false)

3.删除所有选项

         function removeAll(){  

            var obj=document.getElementById('mySelect');  

            obj.options.length=0;    

         }  

4.删除一个选项

function removeOne(){  

           var obj=document.getElementById('mySelect');    

                //index,要删除选项的序号，这里取当前选中选项的序号    

           var index=obj.selectedIndex;  

           obj.options.remove(index);     

 }  

5.获得选项Option 的值

     var obj=document.getElementById("mySelect");

     var index=obj.selectedIndex;

     var value = obj.options[index].value;

6.获得选项Option 的文本

     var obj = document.getElementById("mySelect");

     var index= obj.selectedIndex;

     var text=obj.options[index].text;

 

7.修改选项option

   var obj=document.getElementById("mySelect");

   var index=obj.selectedIndex;

   obj.options[index].value="0";

   obj.options[index].text  ="女";

   obj.options[index]=new Option("0","女");

8.删除select

  var mySelect=document.getElementById("mySelect");

  mySelect.parentNode.removeChild(mySelect);