如何使用jQuery选择一个下拉选项？

javascript jquery html html-select drop-down-menu

2022-08-30 02:04:21

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

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

我希望用户单击链接，然后让框更改其值，就好像用户通过单击 .<select><option>

答案 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>

答案 2

解决方案：

$("#element-id").val('the value of the option');