澳门皇冠金沙网站-澳门皇冠844网站

热门关键词: 澳门皇冠金沙网站,澳门皇冠844网站

设置选中皇冠赌场网页

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

jquery操作select详解

 本篇文章主要是对jquery操作select(取值,设置选中)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

每一次操作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);

 

});

 

 

本篇文章主要是对jquery操作select(取值,设置选中)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 每一次...

您可能感兴趣的文章:

  • jQuery 获取select选中值及清除选中状态
  • jquery控制select的text/value值为选中状态
  • SelecT下拉框选中和取值的解决方法
  • jquery获取select选中值的方法分析
  • JQuery选中select组件被选中的值方法

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

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

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

2、设置text为pxx的项选中

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

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

});

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

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

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

本文由澳门皇冠金沙网站发布于前端开发,转载请注明出处:设置选中皇冠赌场网页