按值设置select option 'selected‘

Question

我有一个带有一些选项的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/

Answer 1

有一种更简单的方法，它不需要你进入选项标签：

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

查看this jQuery method。

备注：上面的代码不会触发更改事件。为了完全兼容，您需要这样调用它：

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

Answer 2

要选择值为‘val2’的选项：

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

Answer 3

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

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

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

欲了解更多信息，请访问。