html - 下拉列表中没有空白项的空白 HTML SELECT

Question

如何实现subj？

当我写的时候:

<form>
  <select>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

然后默认选择的项目是“aaaa”

当我写的时候:

<form>
  <select>
     <option value=""></option>
     <option value="0">aaaa</option>
     <option value="1">bbbb</option>
  </select>
</form>

然后默认选择的项目是空白的，但这个空白项目出现在下拉列表中。

我如何使用隐藏在下拉列表中的默认空白值实现 SELECT 标记？

Answer 1

只需使用禁用和/或隐藏的属性:

<option selected disabled hidden style='display: none' value=''></option>

• selected 使此选项成为默认选项。
• disabled 使该选项不可点击。
• style='display: none' 使该选项不在旧版浏览器中显示。请参阅:Can I Use隐藏属性的文档。
• hidden 使该选项不显示在下拉列表中。