默认写入,在Bootstrap选择栏上HTML

Question

在我的默认选择中,它显示列表"选择流派"中的第一个元素.这就是我想要看到它但我不想要它("选择一个类型")可以选择并在列表中看到

        <div class="wrapper">   

                <select id="first-disabled" class="selectpicker" data-hide-disabled="true" data-live-search="true">
                <optgroup  >
                <option>Select a Genre</option>
                </optgroup>
                <optgroup label="Rock">
                  <option>Punk Rock</option>
                  <option>Hard Rock</option>

                </optgroup>
                <optgroup label="Pop">
                  <option>Turkish Pop</option>
                  <option>English Pop</option>
                </optgroup>

              </select>

        </div>

---

  .wrapper {
  position: relative;
  top: 326px;
  left: -42px;
  height: 100%;
  width: 100%;
  z-index: 10;
  text-align: center;
}

正如在代码中可以看到的,我的第一个选项似乎是默认选择.正如您可以在我的选择条形码后面看到我的div包装器css.我使用自定义引导栏.从图像中可以看出,它可以在选项列表中看到和选择.

这是图像:

Answer 1

您可以通过向其添加属性来使其不可选择disabled。

<option value="" disabled="disabled">Select a Genre</option>

关于将其从列表中隐藏，我不相信您可以在本地做到这一点。您也许可以使用 javascript，但不能使用严格的 HTML。如果是我，我会坚持使用本机 HTML 语义在列表中显示它。

关于 SO 的另一个问题可能会有所帮助：A Placeholder for the `select` tag?

更新：

您可以使用内联样式隐藏它吗？

<option value="" disabled="disabled" style="display:none;">Select a Genre</option>

http://jsfiddle.net/11dpc8m7/