javascript - 如何使用 jQuery 选择下拉选项？

Question

我想知道是否可以让 jQuery 选择 <option> ，比如说第 4 项，在下拉框中？

<select>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
</select>

我希望用户点击一个链接，然后有 <select>框更改其值，就像用户通过单击 <option> 选择它一样.

Answer 1

怎么样

$('select>option:eq(3)').attr('selected', true);

示例:

$('select>option:eq(3)').attr('selected', true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

---

对于现代版本的 jquery，您应该使用 .prop()而不是 .attr()

$('select>option:eq(3)').prop('selected', true);

示例:

$('select>option:eq(3)').prop('selected', true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>