jquery - 使用 jQuery 设置下拉列表的选定索引

Question

我在 SO 上看到过关于这个相同主题的其他帖子，但我还没有找到使用 jQuery 设置选择的解决方案。

我有一个如下所示的下拉菜单:

<select type="select" id="docsList" name="docsList"> 
    <option id="defaultListItem" value="0">Select a Document...</option> 
    <option value="38">Document 1</option> 
    <option value="35">Document 2</option> 
    <option value="46">Document 3</option> 
    <option value="45">Document 4</option>          
</select>

我需要在 $.ajax() success 函数中重置下拉列表。我使用过以下内容:

$('select#docsList option:selected').val('0');
$('select#docsList').attr('selectedIndex', 0);

...以及其他一些。

我开始认为这段代码很好，而且我还有其他一些事情正在阻止重置下拉菜单。

Answer 1

你把事情搞得太复杂了。您不需要 jQuery 来获取/设置 <select>的selectedIndex .

$('#docsList').get(0).selectedIndex = 0;

设置 <select> 的值时，调用.val()关于<select> ，不在其 <option> 之一上s。

$('#docsList').val('0');