Javascript操作Select和Option

让select默认选定某值

document.getElementById('sss').value='01';

1.动态创建select

     function createSelect(){

       var mySelect = document.createElement("select");
         mySelect.id = "mySelect";  
         document.body.appendChild(mySelect);
     }

2.添加选项option

    function addOption(){

         //根据id查找对象，
          var obj=document.getElementById('mySelect');

          //添加一个选项
        obj.add(new     Option("文本","值"));   
    }

3.删除所有选项option

    function removeAll(){
          var obj=document.getElementById('mySelect');
  
        obj.options.length=0;  

    }

4.删除一个选项option

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 val = obj.options[index].value;

6.获得选项option的文本

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

var index=obj.selectedIndex; //序号，取当前选中选项的序号

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

7.修改选项option

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

var index=obj.selectedIndex; //序号，取当前选中选项的序号

var val = obj.options[index]=new Option("新文本","新值");

8.删除select

     function removeSelect(){
           var mySelect = document.getElementById("mySelect");
        mySelect.parentNode.removeChild(mySelect);
    }

1.    
2. /*------------------------------------------------------    
3. *说明：select元素javascript常用操作    
4. * 1.判断是否存在指定value的Item    
5. * 2.加入一个Item    
6. * 3.删除值为value的所有Item    
7. * 4.删除某一个index的选项    
8. * 5.更新第index项的value和text    
9. * 6.设置select中指定text的第一个Item为选中    
10. * 7.设置select中指定value的第一个Item为选中    
11. * 8.得到当前选中项的value    
12. * 9.得到当前选中项的index    
13. *    10.得到当前选中项的text    
14. * 11.清空所有选项    
15. -------------------------------------------------------*/     
16. //1.判断是否存在指定value的Item      
17. function ExistValue(obj,value){      
18.     for(var i=0;i<obj.options.length;i++){      
19.         if(obj.options[i].value == value){      
20.             return true;      
21.           }      
22.       }             
23.     return false;      
24. }      
25. //2.加入一个Item      
26. function AddItem(obj,text,value){      
27. var varItem = new Option(text,value);      
28. obj.options.add(varItem);      
29. }      
30. //3.删除值为value的所有Item      
31. function RemoveItems(obj,value){      
32. for(var i=0;i<obj.options.length;i++){      
33.   if(obj.options[i].value == value){      
34.      obj.remove(i);      
35.     }      
36. }               
37. }      
38. //4.删除某一个index的选项      
39. function RemoveItem(obj,index){      
40. obj.remove(index);      
41. }      
42.      
43. //5.更新第index项的value和text      
44. function UpdateItem(obj,index,value,text){      
45. obj.options[index].value = value;      
46. obj.options[index].text = text;      
47. }      
48.                
49. //6.设置select中指定text的第一个Item为选中      
50. function SelectItemByText(obj,text){           
51.     var isExit = false;      
52.     for(var i=0;i<obj.options.length;i++){      
53.         if(obj.options[i].text == text){      
54.               obj.options[i].selected = true;      
55.             return true;      
56.           }      
57.       }      
58. return false;      
59.      
60. }      
61. //7.设置select中指定value的第一个Item为选中      
62. function SelectItemByValue(obj,value){           
63.     var isExit = false;      
64.     for(var i=0;i<obj.options.length;i++){      
65.         if(obj.options[i].value == value){      
66.               obj.options[i].selected = true;      
67.             return true;      
68.           }      
69.       }      
70. return false;      
71.      
72. }      
73. //8.得到当前选中项的value，index,text      
74. function GetValue(obj){      
75. return obj.value;      
76. }      
77. //9.得到当前选中项的index      
78. function GetIndex(obj){      
79. return obj.selectedIndex;      
80. }      
81. //10.得到当前选中项的text      
82. function GetText(obj){      
83. return obj.options[obj.selectedIndex].text;      
84. }      
85. //11.清空所有选项      
86. function Clear(obj){      
87. obj.options.length = 0;      
88. }