jquery - 如何在具有多个实例的下拉列表中选择特定选项？

Question

这是我要实现的基本示例：

<select name="userId" id="userId">
<option value="1">Charles</option>
<option value="2">Mike</option>
<option value="3">Jeff</option>
<option value="4">Kevin</option>
</select>

<select name="userId" id="userId">
<option value="1">Charles</option>
<option value="2">Mike</option>
<option value="3">Jeff</option>
<option value="4">Kevin</option>
</select>

<select name="userId" id="userId">
<option value="1">Charles</option>
<option value="2">Mike</option>
<option value="3">Jeff</option>
<option value="4">Kevin</option>
</select>

例如，我想选择第二个“userId”下拉列表的第三个选项（Jeff）。我知道如何为唯一的下拉列表执行此操作，但我无法让它与具有相同 ID 的多个下拉列表一起使用。

我以为我可以使用以下行来做到这一点：

$("input[id=userId]").eq(1).val("3");

..但它不起作用。

任何想法？

非常感谢

查尔斯

Answer 1

你不能。DOM 元素的 id 应该是全局唯一的。具有相同id="userId"位 3 次是损坏的 HTML。相反，使用：

<select name="userId" class="userId">
...
</select>

然后你可以这样做：

$('select.userId').<whatever jquery you want>;

你会准备好的。