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>