jquery 让select元素中的某个option被选中

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

博客分类：

• javaScript

selecttextvalue取值设置选中值

比如

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

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

1、设置value为1的项选中

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

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

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

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

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

3、获取当前选中项的value

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

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

4、获取当前选中项的text

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

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

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

如：

1. $(".type1").change(function(){
2. // 先清空第二个
3. $(".type2").empty();
4. // 实际的应用中，这里的option一般都是用循环生成多个了
5. var option = $("<option>").val(1).text("1");
6. $(".type2").append(option);
7. });

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

     // 先清空第二个

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

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

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

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

});

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