我想要一个<select>默认选择选项的元素是“____”。换句话说，空白。
当下拉框获得焦点时，我希望“____”选项不在可以选择的选项中。这样一来，用户必须选择除“____”以外的其他选项。
这有意义吗？
插图
关闭:
打开:
如您所见，选项“___”在被选中时不在列表中。这是我想要的最终结果。
我试过使用 onFocus事件来删除选项，但这只会使元素失去焦点，并将默认选项替换为另一个选项。
最佳答案
您可以利用 HTML 中的 hidden 属性。试试这个例子
<select>
<option selected disabled hidden>Choose here</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>
检查这个fiddle或下面的屏幕截图。
点击前:
点击后:
关于javascript - 单击下拉菜单时如何隐藏默认 <select> <option>？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27350843/