js 操作select

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