您好,欢迎访问一九零五行业门户网

JQuery select(下拉框)操作方法汇总_jquery

1. 获取选中项:
获取选中项的value值:
复制代码 代码如下:
$('select#sel option:selected').val();
或者
复制代码 代码如下:
$('select#sel').find('option:selected').val();
获取选中项的text值:
复制代码 代码如下:
$('select#seloption:selected').text();
或者
复制代码 代码如下:
$('select#sel').find('option:selected').text();
2.   获取当前选中项的索引值:
复制代码 代码如下:
$('select#sel').get(0).selectedindex;
3.   获取当前option的最大索引值:
复制代码 代码如下:
$('select#sel option:last').attr(index)
4.   获取dropdownlist的长度:
复制代码 代码如下:
$('select#sel')[0].options.length;
或者
复制代码 代码如下:
$('select#sel').get(0).options.length;
5.  设置第一个option为选中值:
复制代码 代码如下:
$('select#sel option:first').attr('selected','true')
或者
复制代码 代码如下:
$('select#sel')[0].selectedindex = 0;
6.   设置最后一个option为选中值:
复制代码 代码如下:
$('select#sel option:last).attr('selected','true')
7.   根据索引值设置任意一个option为选中值:
复制代码 代码如下:
$('select#sel')[0].selectedindex =索引值;索引值=0,1,2....
8.   设置value=4 的option为选中值:
复制代码 代码如下:
$('select#sel').attr('value','4');
或者
复制代码 代码如下:
$(select#sel option[value='4']).attr('selected', 'true');
9.   删除value=3的option:
复制代码 代码如下:
$(select#sel option[value='3']).remove();
10.删除第几个option:
复制代码 代码如下:
$( select#sel option ).eq(索引值).remove();索引值=0,1,2....
如删除第3个radio:
复制代码 代码如下:
$( select#sel option ).eq(2).remove();
11.删除第一个option:
复制代码 代码如下:
$( select#sel option ).eq(0).remove();
或者
复制代码 代码如下:
$(select#sel option:first).remove();
12. 删除最后一个option:
复制代码 代码如下:
$(select#sel option:last).remove();
13. 删除dropdownlist:
复制代码 代码如下:
$(select#sel).remove();
14.在select后面添加一个option:
复制代码 代码如下:
$(select#sel).append(f);
15. 在select前面添加一个option:
复制代码 代码如下:
$(select#sel).prepend(0);
16. 遍历option:
复制代码 代码如下:
$(' select#sel option ').each(function (index, domele) {
//写入代码
});
其它类似信息

推荐信息