javascript - 推特 Bootstrap : Select Box vs DropDown

Question

我有一个来自 bootstrap 的简单代码供选择

<select class="form-control">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
</select> 

这给出了一个带有下拉选项 1、2、3、4 和 5 的选择框。但是选择框中显示的值是 1。我想显示标题为 "Select number" 的选择框，在该下拉列表中，值应为 1、2、3、4 和 5。

粗略的方法是添加

        <option>Select number</option>

有没有更好的方法可以让我在选择框中显示选择数字，而不是在列表框的列表中显示？

谢谢

Answer 1

只需在 CSS 中隐藏该选项即可。

CSS:

.form-control option:first-child {
    display:none;
}

工作 fiddle here

注意:一旦他们选择了任何选项，他们就不能返回(使用鼠标)。键盘震撼!

---

编辑:

您可以更改您的 HTML 以包含

<option disabled selected>Select number</option>

一旦他们选择了任何选项，他们就无法返回!

新fiddle