本文介绍了下拉列表中没有空白项的空白 HTML SELECT的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何实现subj?

当我写:

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

然后默认选中的项目是aaaa"

then default selected item is "aaaa"

当我写:

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

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

then default selected item is blank, but this blank item presents in drop down.

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

how i can implement SELECT tag with default blank value that hidden in dropdown list?

推荐答案

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

Just use disabled and/or hidden attributes:

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

  • selected 使该选项成为默认选项.
  • disabled 使该选项无法点击.
  • style='display: none' 使此选项不会在旧版浏览器中显示.请参阅:我可以使用隐藏属性的文档.
  • hidden 使该选项不显示在下拉列表中.
    • selected makes this option the default one.
    • disabled makes this option unclickable.
    • style='display: none' makes this option not displayed in older browsers. See: Can I Use documentation for hidden attribute.
    • hidden makes this option to don't be displayed in the drop-down list.
    • 这篇关于下拉列表中没有空白项的空白 HTML SELECT的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-11 05:16