一般情况下,我们设置如下:
<select>
<option value="">--请选择--</option>
<option value="1" selected="selected">羽毛球</option>
<option value="2">乒乓球</option>
<option value="3">排球</option>
</select>
默认的我们会看到“羽毛球” 会被选中,普通的html静态页面情况下确实如此,但是事有
特殊,有个项目是通过PHP程序控制输出的 select 标签 和 对应的选中属性项,我通过F12也看到对应的 option 标签的确也加上了 selected ="selected" 这一选中属性,但是界面依旧没改变,还是选中的初始那个默认的"--请选择--"。
这不是我们想要的结果,搜了很久,找到解决办法,在select 标签中添加属性
autocomplete="off" 即可解决问题,欢迎大神们道出其中的缘由以及更好的解决之道。
<select autocomplete="off">
<option value="">--请选择--</option>
<option value="1" selected="selected">羽毛球</option>
<option value="2">乒乓球</option>
<option value="3">排球</option>
</select>