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

最新推荐文章于 2025-09-19 10:04:35 发布

原创最新推荐文章于 2025-09-19 10:04:35 发布 · 2.8w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#select #html

HTML/XML 专栏收录该内容

8 篇文章

订阅专栏

本文详细阐述了在HTML静态页面中，通过PHP程序控制输出的select标签，尽管选中属性被正确设置，但在界面显示上却未反映出预期的选择状态。文章深入分析了此现象背后的原理，并提出了解决方案——在select标签中添加属性`autocomplete=off`，以解决此问题。

一般情况下，我们设置如下：

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