Jquery如何操作select选中

admin

1.判断select选项中 是否存在Value="paraValue"的Item
$("#selectid option[@value='paraValue']").length>0
2.向select选项中 加入一个Item
$("#selectid").append("<option value=''>1111<option>");
3.从select选项中 删除一个Item
$("#selectid").remove("<option value=''>1111<option>");
4.修改select选项中 value="paraValue"的text为"paraText"
$("#selectid option:selected").attr("value","paraValue").attr("text","paraText");
5. 设置select中text="paraText"的第一个Item为选中
$("#selectid option[@text='paraText']").attr("selected","true")
6.设置select中 value="paraValue"的Item为选中
$("#selectid option[@value='paraValue']").attr("selected","true")

7.设置select中第一 个Item为选中
$("#selectid option").eq(0).attr('selected', 'true');

8. 得到select的当前选中项的value
$("#selectid").val();
9.得到select的当前选中项的text
$("#selectid").text();
10. 得到select的当前选中项的Index
document.getElementById("select1").selectedIndex;
$("#selectid").get(0).selectedIndex
11. 清空select的项
$("#selectid").empty();

JS版本的：

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

复制代码