html - 在 HTML 选择元素中将选择选项设置为空白作为默认值

Question

我需要在 HTML 的下拉菜单中默认不选择任何选项。但是，我不能使用:

<select>
  <option></option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

为此，我必须验证才能处理第一个选项。

任何人都可以帮助我实现这个目标，而无需将第一个选项实际包含在选择标签中吗？

Answer 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>