select操作

1. 判断select选项中 是否存在Value="paraValue"的Item
2. 向select选项中 加入一个Item
3. 从select选项中 删除一个Item
4. 删除select中选中的项
5. 修改select选项中 value="paraValue"的text为"paraText"
6. 设置select中text="paraText"的第一个Item为选中
7. 设置select中value="paraValue"的Item为选中
8. 得到select的当前选中项的value
9. 得到select的当前选中项的text
10. 得到select的当前选中项的Index
11. 清空select的项

js 代码

1. // 1.判断select选项中 是否存在Value="paraValue"的Item       
2. function jsSelectIsExitItem(objSelect, objItemValue) {       
3.     var isExit = false;       
4.     for (var i = 0; i < objSelect.options.length; i++) {       
5.         if (objSelect.options[i].value == objItemValue) {       
6.             isExit = true;       
7.             break;       
8.         }       
9.     }       
10.     return isExit;       
11. }        
12.   
13. // 2.向select选项中 加入一个Item       
14. function jsAddItemToSelect(objSelect, objItemText, objItemValue) {       
15.     //判断是否存在       
16.     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
17.         alert("该Item的Value值已经存在");       
18.     } else {       
19.         var varItem = new Option(objItemText, objItemValue);     
20.         objSelect.options.add(varItem);    
21.         alert("成功加入");    
22.     }       
23. }       
24.   
25. // 3.从select选项中 删除一个Item       
26. function jsRemoveItemFromSelect(objSelect, objItemValue) {       
27.     //判断是否存在       
28.     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
29.         for (var i = 0; i < objSelect.options.length; i++) {       
30.             if (objSelect.options[i].value == objItemValue) {       
31.                 objSelect.options.remove(i);       
32.                 break;       
33.             }       
34.         }       
35.         alert("成功删除");       
36.     } else {       
37.         alert("该select中 不存在该项");       
38.     }       
39. }   
40.   
41.   
42. // 4.删除select中选中的项   
43. function jsRemoveSelectedItemFromSelect(objSelect) {       
44.     var length = objSelect.options.length - 1;   
45.     for(var i = length; i >= 0; i--){   
46.         if(objSelect[i].selected == true){   
47.             objSelect.options[i] = null;   
48.         }   
49.     }   
50. }     
51.   
52. // 5.修改select选项中 value="paraValue"的text为"paraText"       
53. function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {       
54.     //判断是否存在       
55.     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
56.         for (var i = 0; i < objSelect.options.length; i++) {       
57.             if (objSelect.options[i].value == objItemValue) {       
58.                 objSelect.options[i].text = objItemText;       
59.                 break;       
60.             }       
61.         }       
62.         alert("成功修改");       
63.     } else {       
64.         alert("该select中 不存在该项");       
65.     }       
66. }       
67.   
68. // 6.设置select中text="paraText"的第一个Item为选中       
69. function jsSelectItemByValue(objSelect, objItemText) {           
70.     //判断是否存在       
71.     var isExit = false;       
72.     for (var i = 0; i < objSelect.options.length; i++) {       
73.         if (objSelect.options[i].text == objItemText) {       
74.             objSelect.options[i].selected = true;       
75.             isExit = true;       
76.             break;       
77.         }       
78.     }             
79.     //Show出结果       
80.     if (isExit) {       
81.         alert("成功选中");       
82.     } else {       
83.         alert("该select中 不存在该项");       
84.     }       
85. }       
86.   
87. // 7.设置select中value="paraValue"的Item为选中   
88. document.all.objSelect.value = objItemValue;   
89.       
90. // 8.得到select的当前选中项的value   
91. var currSelectValue = document.all.objSelect.value;   
92.       
93. // 9.得到select的当前选中项的text   
94. var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;   
95.       
96. // 10.得到select的当前选中项的Index   
97. var currSelectIndex = document.all.objSelect.selectedIndex;   
98.       
99. // 11.清空select的项   
100. document.all.objSelect.options.length = 0;