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

最新推荐文章于 2024-07-20 20:11:36 发布

栁罗风尘

最新推荐文章于 2024-07-20 20:11:36 发布

阅读量2.8w

点赞数 1

分类专栏： HTML/XML 文章标签： select html

本文链接：https://blog.csdn.net/wujiangwei567/article/details/40383313

版权

HTML/XML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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

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