從引導選擇下拉菜單中隱藏默認選擇的項目

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> 

請注意，一旦更改，用戶將無法再次（輕松）選擇此選項。

希望這可以幫助！ :)