我有一个很奇怪的要求,其中要求我默认在HTML的下拉菜单中没有选择任何选项。然而,
我不能用这个
<select> <option></option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select>
因为,为此,我将必须进行验证以处理第一个选项。有人可以在没有将第一个选项作为select标签的一部分的情况下帮助我实现此目标吗?
也许这会有所帮助
<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 --将默认显示。但是,如果您选择一个选项,则将无法再次选择它。
-- select an option --
您也可以通过添加一个空白来隐藏它 option
option
<option style="display:none">
因此它将不再显示在列表中。
选项2
如果您不想编写CSS并期望与上述解决方案具有相同的行为,请使用:
<option hidden disabled selected value> -- select an option -- </option>