如何使用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 elementvar el = document.getElementsByTagName('select')[0];&nbsp;// assuming el is not null, select 4th optionel.selectedIndex = 3;

Answer 2

最简单的方法是val(value)功能：$('select').val(2);为了获得所选值，您不提供任何参数：$('select').val();另外，如果您有<option value="valueToSelect">...</option>，您可以执行以下操作：$('select').val("valueToSelect");