如何使用jQuery选择下拉菜单选项？

Question

我想知道是否有可能让jQuery <option>在下拉框中选择，例如第4个项目？<select>    <option></option>    <option></option>    <option></option>    <option></option>    <option></option></select>我希望用户单击一个链接，然后让该<select>框更改其值，就像用户通过单击来选择它一样<option>。

Answer 1

HTML select元素具有selectedIndex可以写入的属性，以选择特定的选项：

$('select').prop('selectedIndex', 3); // select 4th option

使用纯JavaScript可以通过以下方法实现：

// use first select element

var el = document.getElementsByTagName('select')[0]; 

// assuming el is not null, select 4th option

el.selectedIndex = 3;

Answer 2

最简单的方法是val(value)功能：

$('select').val(2);

为了获得所选值，您不提供任何参数：

$('select').val();

另外，如果您有<option value="valueToSelect">...</option>，您可以执行以下操作：

$('select').val("valueToSelect");