设置select选项“Selected”（按值）

Question

我有一个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/

Answer 1

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

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

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

更多信息请访问.change（）。

Answer 2

选择值为“val2”的选项：

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

Answer 3

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

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

查看这个jQuery方法。