我想知道是否有可能让 jQuery<option>在下拉框中选择第 4 个项目？
<select>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
我希望用户单击一个链接，然后让该<select>框更改其值，就好像用户通过单击<option>.
如何使用 jQuery 选择下拉选项？
IT技术
javascript
jquery
html
drop-down-menu
html-select
2021-01-20 06:46:43
6个回答
怎么样
$('select>option:eq(3)').attr('selected', true);
例子：
对于现代版本的 jquery，您应该使用.prop()代替.attr()
$('select>option:eq(3)').prop('selected', true);
例子：
解决方案：
$("#element-id").val('the value of the option');
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;
我会这样做
$("#idElement").val('optionValue').trigger('change');
最简单的方法是val(value)函数：
$('select').val(2);
要获得选定的值，您无需提供任何参数：
$('select').val();
另外，如果你有<option value="valueToSelect">...</option>，你可以这样做：
$('select').val("valueToSelect");