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

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>;

你会全力以赴。