在select中，载入时默认select为空白，选项内不显示空白项

关注

转载最新推荐文章于 2026-03-25 01:09:56 发布 2.4k 阅读 AI 写同款· GEO 优化 ›

AI人工智能与模拟退火：碰撞出的智慧火花本文旨在为读者全面介绍模拟退火算法在人工智能领域的应用。我们将涵盖从基础理论到实际实现的完整知识体系，帮助读者理解这一受自然界启发的优化技术如何解决复杂的计算问题。文章首先介绍模拟退火的基本概念，然后深入其工作原理和数学基础，接着通过Python实现展示具体应用，最后讨论实际应用场景和未来发展方向。模拟退火(Simulated Annealing, SA)：一种受物理退火过程启发的概率性优化算法能量函数(Energy Function)：评估系统状态的函数，对应优化问题的目标函数。阅读详情

在select中，载入时默认select为空白，选项内不显示空白项

2017-03-08 16:26 5789人阅读评论(0) 收藏举报

分类：

css（17）

JavaScript（18）

今天做select的时候，页面要求为：载入默认选项框为空白，点击下拉框显示正常选项。

找了半天有两种办法，一种纯css实现，一种借助js实现。

先说js的办法吧。

html：

[html]view plaincopy 
    
print?
 <body onload="load()">  
     <select id="abc" >          
         <option >1</option>      
         <option >2</option>          
         <option >3</option>          
         <option >4</option>       
     </select>  
 </body>  

js：

[html]view plaincopy 
    
print?
 <script>    
 function load()    
 {    
     var x = document.getElementById("abc");    
     x.selectedIndex = -1;    
 }    
 </script>   

实测成功。

纯css的方法：

[html]view plaincopy 
    
print?
 <option selected="selected" disabled="disabled"  style='display: none' value=''></option>  

上面的option置于第一行即可。

其实测了测，发现如果只保留：

[html]view plaincopy 
    
print?
 style='display: none'  

效果也是一样的。

收录于

HTML

双三相电机控制避坑指南：为什么你的SVPWM谐波大？四矢量调制实战解析本文深入解析双三相电机控制中SVPWM谐波大的问题，并提供四矢量调制实战方案。通过分析谐波来源、四矢量调制原理及工程实现步骤，显著降低电流THD至3-5%，提升系统效率2.3个百分点。特别适合需要优化电机控制的工程师参考。阅读详情

在select中，载入时默认select为空白，选项内不显示空白项

在select中，载入时默认select为空白，选项内不显示空白项

相关推荐