使用jQuery隐藏选择列表中的所有选项，除了具有特定值的选项

Question

我希望隐藏select元素中的所有选项，但值为"all"的选项除外。

<select id="#list'>
 <option value="all">All</option>
 <option value="1">One</option>
 <option value="2">Two</option>
 .....
</select>

如何使用jQuery实现这一目标？

Answer 1

1. 您的选择框HTML无效，因为其"

缺少id

2. 使用value!=隐藏其他选项

工作代码段： -

$('select option[value!=all]').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="#list"><!-- correct quotes here-->
 <option value="all">All</option>
 <option value="1">One</option>
 <option value="2">Two</option>
</select>