默认选择选项为空白

小编典典

默认选择选项为空白

all

我有一个非常奇怪的要求，其中我要求在 HTML 的下拉菜单中默认没有选择任何选项。然而，

我不能用这个，

<select>

  <option></option>

  <option>Option 1</option>

  <option>Option 2</option>

  <option>Option 3</option>

</select>

因为，为此我必须进行验证以处理第一个选项。任何人都可以在不将第一个选项实际包含在选择标签中的情况下帮助我实现这个目标吗？

阅读 168

2022-03-06

共1个答案

小编典典

也许这会有所帮助

<select>
    <option disabled selected value> -- select an option -- </option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

-- select an option --默认会显示。但是，如果您选择一个选项，您将无法重新选择它。

您也可以通过添加一个空来隐藏它option

<option style="display:none">

所以它不会再出现在列表中了。

选项 2

如果您不想编写 CSS 并期望与上述解决方案相同的行为，只需使用：

<option hidden disabled selected value> -- select an option -- </option>

2022-03-06