我有一个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/
有一种更简单的方法,不需要您进入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()。