jquery 操作select 取值，设置选中值

最新推荐文章于 2021-09-19 11:52:01 发布

limon758

最新推荐文章于 2021-09-19 11:52:01 发布

阅读量705

点赞数

分类专栏： javaScript 文章标签： select text value 取值设置选中值

本文链接：https://blog.csdn.net/heisetoufa/article/details/84383234

版权

javaScript 专栏收录该内容

163 篇文章 0 订阅

订阅专栏

比如

<select class="type"></select>

1、设置value为1的项选中

$(".type").val("1");

2、设置text为管理组的项选中

$(".type").find("option[text='管理组']").attr("selected",true);

中括号里的等号的前面是属性名称，不用加引号。

3、获取当前选中项的value

$(".type").val();

4、获取当前选中项的text

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

select的级联，即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如：

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

     // 先清空第二个

      $(".type2").empty();

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

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

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

});

黑色头发:http://heisetoufa.iteye.com