读书人

jQuery操作select相干

发布时间: 2012-06-26 10:04:13 作者: rapoo

jQuery操作select相关

本文主要整理部分jQuery操作select相关的api

?

1、获取select选中的text

?

?

$('#selectID').find("option:selected").text();

?

2、获取select选中的value

?

?

$('#selectID').val();    //和一般的一样

?

3、获取被选中的索引

?

?

$('#selectID').get(0).selectedIndex;$('#selectID')[0].selectedIndex;
?

4、设置select的选中的value

?

$('#selectID').val('1');$('#selectID').attr('value',1);$('#selectID')[0].value =1;$('#selectID').get(0).value = 1;
?

?

?

5、清空select

?

?

$('#selectID').empty();

?

6、操作option

?

在已有的option的最前面添加一个新的
$('#selectID').prepend("<option value='0'>请选择</option>");
?在已有的option的最后添加一个新的
$('#selectID').append("<option value='10'>测试</option>");
?通过索引来获取对应option
//option的index也是从0开始的$('#selectID option[index=1]');
?

读书人网 >Web前端

热点推荐