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