在select中，载入时默认select为空白，选项内不显示空白项
转自：https://blog.csdn.net/wzj2584454/article/details/60874919/
今天做select的时候，页面要求为：载入默认选项框为空白，点击下拉框显示正常选项。
找了半天 有两种办法，一种纯css实现，一种借助js实现。
先说js的办法吧。
html：
<body οnlοad="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>
上面的option置于第一行即可。
————————————————
版权声明：本文为CSDN博主「Casanover」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wzj2584454/java/article/details/60874919
