Javascript 如果单击第一个选项，则在下拉列表中禁用其他选项

我有一个下拉列表，我可以选择多个选项。如果在其中选择一个选项，则需要禁用其余选项

<select id="searchRegion" name="searchRegion" multiple="multiple">
<option> Choose Region(s) </option>
<option value="all"> All </option>
<option value="East"> East </option>
<option value="North"> North </option>
<option value="West"> West </option>
<option value="South"> South </option>
</select>

例如： 在下面的代码中，如果选择“全部”，则需要禁用其余选项

<select id="searchRegion" name="searchRegion" multiple="multiple">
<option> Choose Region(s) </option>
<option value="all"> All </option>
<option value="East"> East </option>
<option value="North"> North </option>
<option value="West"> West </option>
<option value="South"> South </option>
</select>

选择区域
全部的
东
北
西
南方

试试看

var$searchRegion=$（'#searchRegion'）.change（function（）{
var isAll=$searchRegion.find（'[value=“all”]'）。是（':selected'）；
如果（isAll）{
$searchRegion.val（'all'）；
}
$searchRegion.find（'option'）。not（'value=“all”]”）。prop（'disabled'，isAll）；
})

选择区域
全部的
东
北
西
南方

请参见

---

听起来像是糟糕的用户界面体验，因为一旦你选择了

All

，用户如何更改他的选择？使用这个提琴。这不仅仅是你想要的（糟糕的用户界面体验），而是你真正需要的。我同意@A.Wolff，你最好使用复选框。请看以下内容了解你应该如何操作：@user4269552请看，也许：选择后如何取消选择？@CodingAnt有这样的UI设计问题。。。您可以使用

ctrl+单击
取消选择