协慌网

登录 贡献 社区

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

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

我有以下 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()