提问者:小点点

设置select选项“Selected”(按值)


我有一个select字段,其中有一些选项。现在我需要使用jQuery选择这些选项中的一个。但是,当我只知道必须选择的选项时,如何做到这一点呢?

我有以下HTML:

<div class="id_100">
  <select>
    <option value="val1">Val 1</option>
    <option value="val2">Val 2</option>
    <option value="val3">Val 3</option>
  </select>
</div>

我需要选择值为val2的选项。如何才能做到这一点呢?

下面是一个演示页面:http://jsfidle.net/9stxb/


共3个答案

匿名用户

有一种更简单的方法,不需要您进入options标记:

$("div.id_100 select").val("val2");

查看这个jQuery方法。

匿名用户

选择值为“val2”的选项:

$('.id_100 option[value=val2]').attr('selected','selected');

匿名用户

选择值后,请使用change()事件。从文档中:

如果字段在内容未更改的情况下失去焦点,则不触发事件。若要手动触发事件,请应用不带参数的.change():

$("#select_id").val("val2").change();

更多信息请访问.change()。