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

时间:2023-05-26 22:03:56
比如
  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