在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
分类:
Html
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？