按值设置选择选项 “已选择”

我有一个select字段，其中包含一些选项。现在我需要使用 jQuery 选择其中一个options 。但是当我只知道必须选择的option的value时，我怎么能这样做呢？

我有以下 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 ： //jsfiddle.net/9Stxb/

答案

有一种更简单的方法，不需要你进入 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（） 。