select默认显示


select默认显示第一个option,但大部分需求都是显示一个请选择,点击后在显示option的内容。

就像上图一样

 

但如果正常写的话会是像下面这样显示

请选择也会显示在下拉款里面,这样就很不友好

 

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <select>
 6   <option value="volvo" hidden>请选择</option>//加一个hidden属性就解决了,不过这种方法好像是有兼容问题。 
 7   <option value="volvo" style="display: none;">请选择</option>//这样应该就可以解决了
 8   <option value="saab">王二麻子</option>
 9   <option value="opel">张三警察</option>
10   <option value="audi">略略略略</option>
11 </select>
12   
13 </body>
14 </html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM