禁用HTML列表框中的一个选项

我有3个显示相同选项的列表框。我想禁用在列表框中选择的其他两个列表框中的选项。我想让我的用户先进入任何列表框。非常感谢您的帮助。

您可以在每个选项上设置一些唯一的属性（值可能足够了，否则类是一个不错的选择），并使用jQuery从其他两个选项中选择并删除其中一个选项

编辑：这里有一个例子，它按照你想要的做了一些事情。你得自己修改一下。不过，迪迪埃的答案可能更接近你想要的

---

您可以在每个选项上设置一些唯一的属性（值可能足够了，否则类是一个不错的选择），并在其中一个选项中选择一个选项时，使用jQuery从其他两个选项中选择并删除一个选项

编辑：这里有一个例子，它按照你想要的做了一些事情。你得自己修改一下。不过，迪迪埃的答案可能更接近你想要的

---

如果您有以下HTML：

<select id="select1">
    <option value="">Choose</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>

<select id="select2">
    <option value="">Choose</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>

<select id="select3">
    <option value="">Choose</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>

这是给你玩的

---

注意：我使用jQuery是因为它更简单，可以跨浏览器工作，并且您没有指定不想显式使用它。

如果您有以下HTML：

<select id="select1">
    <option value="">Choose</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>

<select id="select2">
    <option value="">Choose</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>

<select id="select3">
    <option value="">Choose</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>

这是给你玩的

---

注意：我使用jQuery是因为它更简单，可以跨浏览器工作，而且您没有指定不想明确使用它。

非常感谢@Didier G.提供了详细的演示代码。这就是我要找的：）非常感谢@Didier G.提供了详细的演示代码。这就是我要找的：）