2016/08/18 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.}