关闭

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

428人阅读 评论(0) 收藏 举报
分类:

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。

比如<select class="selector"></select>

1、设置value为pxx的项选中

     $(".selector").val("pxx");

2、设置text为pxx的项选中

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

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

3、获取当前选中项的value

    $(".selector").val();

4、获取当前选中项的text

    $(".selector").find("option:selected").text();

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

 

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

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

     // 先清空第二个

      $(".selector2").empty();

     // 实际的应用中,这里的option一般都是用循环生成多个了

      var option = $("<option>").val(1).text("pxx");

      $(".selector2").append(option);

});

0
0
查看评论

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

<br />每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。<br />比如<select class="selector"></select><br />1、设置value为pxx...
  • nairuohe
  • nairuohe
  • 2011-04-07 16:26
  • 1003925

jquery设置select选中项

/* $("#rectificationStatusSelect").children("option").each(function(){ var temp_value = $(this).val(); ...
  • happyflyingave
  • happyflyingave
  • 2014-06-10 11:03
  • 28754

jQuery怎么根据某个特定的值动态让select下的option选中

这里以默认选中当前月为例: HTML: select name="MONAT" id="MONAT"> option value="1">1option> option value="2&quo...
  • zyj_15067066062
  • zyj_15067066062
  • 2017-05-04 15:52
  • 11806

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

转载自:http://blog.csdn.net/nairuohe/article/details/6307367 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如 1、设置value为pxx的项选中   ...
  • Xanthin
  • Xanthin
  • 2015-12-19 15:59
  • 2470

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

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如 1、设置value为pxx的项选中      $(".selector").val("pxx"); 2...
  • heganlin
  • heganlin
  • 2016-10-31 17:29
  • 617

jquery怎么获取select选中的值,默认选中

jQuery是控制和操作select详解。 eg: 选项一 选项一 … 选项N 所谓jQuery操作“select”, 说的更确切一些是应该是jQuery控制 “option”, 看下面的jQuery代码://获取第一个optio...
  • qq_16055765
  • qq_16055765
  • 2017-01-07 14:32
  • 14837

jQuery设置下拉框select 默认选中第一个option

//设置默认选中第一项 $("#id option:first").prop("selected", 'selected');
  • Dzhuqiaolun
  • Dzhuqiaolun
  • 2017-01-16 13:17
  • 21167

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

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如 1、设置value为pxx的项选中      $(".selector").val("pxx"); 2、设置text为...
  • z69183787
  • z69183787
  • 2013-12-09 23:15
  • 1319

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

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如 Volvo Saab Opel Audi 1、设置value为pxx的项选中      $(".selector").v...
  • qq_27709465
  • qq_27709465
  • 2017-08-15 09:28
  • 1639

jquery操作select、input的多种方法(选中,取值,赋值等)

Query获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发  2. var checkText=$...
  • ydm19891101
  • ydm19891101
  • 2017-03-16 14:24
  • 195
    个人资料
    • 访问:48012次
    • 积分:556
    • 等级:
    • 排名:千里之外
    • 原创:11篇
    • 转载:15篇
    • 译文:0篇
    • 评论:5条
    最新评论