默认选择选项为空白

默认选择选项为空白

也许这会有所帮助

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

因此它将不再显示在列表中。

选项2

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

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