select标签添加属性selected=“selected”依然不能默认选中

一般情况下,我们设置如下:

<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>


已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页