不会在下拉列表中显示的默认文本

Question

我有一个 select 最初显示 _选择语言_，直到用户选择一种语言。当用户打开选择时，我不希望它显示 选择语言 选项，因为它不是实际选项。

我怎样才能做到这一点？

原文由 Vitalii Ponomar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Kyle 的解决方案 对我来说非常好，所以我进行了研究以避免任何 Js 和 CSS，但只坚持使用 HTML。将值 selected 添加到我们希望显示为标题的项目，强制它首先显示为占位符。就像是：

 <option selected disabled>Choose here</option>

完整的标记应遵循以下几行：

 <select>
    <option selected disabled>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 ，结果如下：

如果您 不 希望在用户单击选择框后出现在选项中列出的占位符文本，只需添加 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>

检查 这里的小提琴 和下面的截图。

原文由 Aurelio 发布，翻译遵循 CC BY-SA 3.0 许可协议