从引导选择下拉菜单中隐藏默认选择的项目

Question

我似乎找不到解决方案。 我正在尝试从引导选择下拉菜单中隐藏默认的选定项，如下所示：

<select class="selectpicker">
  <option selected>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

在这种情况下，“芥末”是默认选择的值，不应在下拉列表中显示。 谁能帮我这个？

更新 ：除了ObsidianAge接受的答案外，我想指出的是，如果将它与bootstrap-select.js一起使用，则应将CSS更改为：

.dropdown-menu.inner > li.selected {
  display: none;
}

Answer 1

假设您只想将其隐藏在下拉列表中， 而不要将其隐藏为默认情况下可见的选择，则可以简单地使用CSS的display: none来定位选项的selected属性：

 .selectpicker > option[selected] { display: none; } 

 <select class="selectpicker"> <option selected>Mustard</option> <option>Ketchup</option> <option>Relish</option> </select> 

请注意，一旦更改，用户将无法再次（轻松）选择此选项。

希望这可以帮助！ :)