select默认显示

时间:2025-01-04 00:06:08

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

select默认显示

就像上图一样

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

select默认显示

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

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