从引导选择下拉列表中隐藏默认选定项目答案

【问题标题】：Hide default selected item from bootstrap-select dropdown从引导选择下拉列表中隐藏默认选定项目
【发布时间】：2018-01-23 05:55:16
【问题描述】：

我似乎无法找到解决方案。我正在尝试从 bootstrap-select 下拉菜单中隐藏默认选定项，如下所示：

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

在这种情况下，“Mustard”是默认选择值，不应显示在下拉列表中。谁能帮我解决这个问题？

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

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

【问题讨论】：

【解决方案1】：

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

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

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

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

希望这会有所帮助！ :)

【讨论】：