jquery操作select(取值,设置选中)

2、设置text为pxx的项选中

    $(".selector").find("option[text='pxx']").attr("selected",true);

    这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

4、获取当前选中项的text

    $(".selector").find("option:selected").text();(经测试这个可能有问题)

$("#selector option").filter(function(){return $(this).text()=="pxx1";}).prop("selected",true);(可以)

    这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。


  1. //获取第一个option的值  
  2.         var firstval=$('#selectID option:first').val();  
  3.         alert(firstval);  
  4.           
  5.         //获取最后一个option的值  
  6.         var lastval =$('#selectID option:last').val();  
  7.         alert(lastval);  
  8.           
  9.         //获取第二个option的值  
  10.         var secondval =$('#selectID option:eq(1)').val();  
  11.         alert (secondval);  
  12.           
  13.         //获取选中项的值  
  14.         var selectedval =$('#selectID option:selected').val();  
  15.         alert(selectedval);  
  16.           
  17.         //设置值为3的option为选中状态  
  18.         $('#selectID').attr('value','3');  
  19.           
  20.         //设置最后一个option为选中状态  
  21.         $('#selectID option:last').attr('selected','selected');  
  22.         $('#selectID').attr('value',$('#selectID option:last').val());  
  23.         $('#selectID').attr('value',$('#selectID option').eq($('#selectID option').length-1).val());  
  24.           
  25.         //获取select的长度  
  26.         var selectlength =$('#selectID option').length;  
  27.         alert(selectlength);  
  28.           
  29.         //添加一个option  
  30.         $('#selectID').append("<option value='n+1'>第n+1项</option>");  
  31.         $("<option value='n+1'>第n+1项</option>>").appendTo('#selectID');  
  32.           
  33.         //删除选中项  
  34.         $('#selectID option:selected').remove();  
  35.           
  36.         //删除第一项  
  37.         $('#selectedID option:first').remove();  
  38.           
  39.         //指定值被删除  
  40.         $('#selectedID option').each(function(){  
  41.             if($(this).val()=='3'){  
  42.                 $(this).remove();     
  43.             }  
  44.         });  

监听事件:

$(".selector1").change(function(){

});

或者:(用于js动态新增的select标签)

$(某个已知标签).on("","定位select的属性值",function(){

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值