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. }