HTML 选择下拉列表

Question

我想有一个使用 select, option 标签的下拉列表…但是当它第一次出现时我希望它有一个信息，例如“请选择一个名称”，然后用户单击下拉列表并从可用选项…我尝试将“请选择名称”作为选项，但随后用户将能够选择此…这不是我想要的。我是否需要使用 javascript 才能拥有此功能，或者我需要做什么？

如果有 jquery 方法可以做到这一点，这将很有帮助

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

Answer 1

将 <option value="">- Please select a name -</option> 作为第一个选项，并使用 JavaScript（和后端验证）来确保用户选择的不是空值。

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

Answer 2

试试这个：

 <select>
    <option value="" disabled="disabled" selected="selected">Please select a name</option>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

当页面加载时，此选项将默认选中。但是，一旦单击下拉菜单，用户将无法重新选择此选项。

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