jquery操作select

1. //得到select项的个数     
2. jQuery.fn.size = function(){     
3.     return jQuery(this).get(0).options.length;     
4. }     
5.   
6. //获得选中项的索引     
7. jQuery.fn.getSelectedIndex = function(){     
8.     return jQuery(this).get(0).selectedIndex;     
9. }     
10.   
11. //获得当前选中项的文本     
12. jQuery.fn.getSelectedText = function(){     
13.     if(this.size() == 0) return "下拉框中无选项";     
14.     else{     
15.         var index = this.getSelectedIndex();           
16.         return jQuery(this).get(0).options[index].text;     
17.     }     
18. }     
19.   
20. //获得当前选中项的值     
21. jQuery.fn.getSelectedValue = function(){     
22.     if(this.size() == 0)      
23.         return "下拉框中无选中值";     
24.          
25.     else  
26.         return jQuery(this).val();     
27. }     
28.   
29. //设置select中值为value的项为选中     
30. jQuery.fn.setSelectedValue = function(value){     
31.     jQuery(this).get(0).value = value;     
32. }     
33.   
34. //设置select中文本为text的第一项被选中     
35. jQuery.fn.setSelectedText = function(text)     
36. {     
37.     var isExist = false;     
38.     var count = this.size();     
39.     for(var i=0;i<count;i++)     
40.     {     
41.         if(jQuery(this).get(0).options[i].text == text)     
42.         {     
43.             jQuery(this).get(0).options[i].selected = true;     
44.             isExist = true;     
45.             break;     
46.         }     
47.     }     
48.     if(!isExist)     
49.     {     
50.         alert("下拉框中不存在该项");     
51.     }     
52. }     
53. //设置选中指定索引项     
54. jQuery.fn.setSelectedIndex = function(index)     
55. {     
56.     var count = this.size();         
57.     if(index >= count || index < 0)     
58.     {     
59.         alert("选中项索引超出范围");     
60.     }     
61.     else  
62.     {     
63.         jQuery(this).get(0).selectedIndex = index;     
64.     }     
65. }     
66. //判断select项中是否存在值为value的项     
67. jQuery.fn.isExistItem = function(value)     
68. {     
69.     var isExist = false;     
70.     var count = this.size();     
71.     for(var i=0;i<count;i++)     
72.     {     
73.         if(jQuery(this).get(0).options[i].value == value)     
74.         {     
75.             isExist = true;     
76.             break;     
77.         }     
78.     }     
79.     return isExist;     
80. }     
81. //向select中添加一项，显示内容为text，值为value,如果该项值已存在，则提示     
82. jQuery.fn.addOption = function(text,value)     
83. {     
84.     if(this.isExistItem(value))     
85.     {     
86.         alert("待添加项的值已存在");     
87.     }     
88.     else  
89.     {     
90.         jQuery(this).get(0).options.add(new Option(text,value));     
91.     }     
92. }     
93. //删除select中值为value的项，如果该项不存在，则提示     
94. jQuery.fn.removeItem = function(value)     
95. {         
96.     if(this.isExistItem(value))     
97.     {     
98.         var count = this.size();             
99.         for(var i=0;i<count;i++)     
100.         {     
101.             if(jQuery(this).get(0).options[i].value == value)     
102.             {     
103.                 jQuery(this).get(0).remove(i);     
104.                 break;     
105.             }     
106.         }             
107.     }     
108.     else  
109.     {     
110.         alert("待删除的项不存在!");     
111.     }     
112. }     
113. //删除select中指定索引的项     
114. jQuery.fn.removeIndex = function(index)     
115. {     
116.     var count = this.size();     
117.     if(index >= count || index < 0)     
118.     {     
119.         alert("待删除项索引超出范围");     
120.     }     
121.     else  
122.     {     
123.         jQuery(this).get(0).remove(index);     
124.     }     
125. }     
126. //删除select中选定的项     
127. jQuery.fn.removeSelected = function()     
128. {     
129.     var index = this.getSelectedIndex();     
130.     this.removeIndex(index);     
131. }     
132. //清除select中的所有项     
133. jQuery.fn.clearAll = function()     
134. {     
135.     jQuery(this).get(0).options.length = 0;     
136. }