原生select默认显示为空

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生select默认显示为空相关的知识,希望对你有一定的参考价值。

下拉框默认为空:

<select>
      <option value="" class="blank"></option>
      <option value="1">选项1</option>
      <option value="2">选项2</option>
</select>

技术分享

但是下拉时会有空选项显示出来:技术分享

所以将空选项隐藏起来就可以了:

.blank {
    display: none;
}

技术分享

以上是关于原生select默认显示为空的主要内容,如果未能解决你的问题,请参考以下文章

请问在html中怎么让select的默认值为空,且select里面的option值都不为空。

js经常用到的代码片段

在使用 FirebaseRecyclerPagingAdapter 时,第二次单击 RecyclerView 中的项目时,片段显示为空

回收站视图未显示在片段中

ant select有默认值但是还显示placeholder

如果 SQLite 为空或有记录,则更改片段中的视图