js操作select

1.動態創建select

function createSelect(){
    mySelect = document.createElement("select");
    mySelect.id = "mySelect";
    document.body.appendChild(mySelect);
}

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);