当前位置: 代码迷 >> Web前端 >> jQuery操作select相干
  详细解决方案

jQuery操作select相干

热度:300   发布时间:2012-06-26 10:04:13.0
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]');
?
  相关解决方案