在select中，载入时默认select为空白，选项内不显示空白项
Posted 浪迹灬天涯
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在select中，载入时默认select为空白，选项内不显示空白项相关的知识，希望对你有一定的参考价值。
有两种办法，一种纯css实现，一种借助js实现。
html：
<body onload="load()"> <select id="abc" > <option >1</option> <option >2</option> <option >3</option> <option >4</option> </select> </body>
先js
<script> function load() { var x = document.getElementById("abc"); x.selectedIndex = -1; } </script>
纯CSS
<option selected="selected" disabled="disabled" style=‘display: none‘ value=‘‘></option>
纯css在ie8下 会有些问题 ，默认虽然是不显示，但下拉的时候回有第一个option 为空，但显示
以上是关于在select中，载入时默认select为空白，选项内不显示空白项的主要内容，如果未能解决你的问题，请参考以下文章
angularjs中select下拉选择第一个选项为空白的解决办法
在 select2 中：如何在 rails 中将初始/默认 select2 选项设为空白？
ActiveAdmin :select 下拉菜单在开发中默认为当前值，但在生产中默认为空白