select下拉菜单默认选中selected属性不起作用

@子秋

于 2022-12-28 09:33:41 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签：数据库

本文链接：https://blog.youkuaiyun.com/frelly01/article/details/128463885

本文介绍了解决HTML中Select标签默认选项不生效的问题。通过添加autocomplete=off属性，可以确保默认选项能够被正确选中。这对于Firefox浏览器尤为重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用select标签写下拉菜单时对option默认选中的“selected”无效，没有实现默认选中

先确定在脚本中是否存在第一次加载的时候更改了select里面的属性

解决：在select标签上加上autocomplete="off"属性，关闭自动完成属性，再次在火狐浏览器中刷新页面，默认选中属性selected="selected"属性有效。因此，在每次遇到select标签时加上autocomplete="off"属性。

代码：

<select class="selectType" autocomplete="off">
  <option value="流畅" selected="selected">流畅</option>
  <option value="标清">标清</option>
  <option value="高清">高清</option>
  <option value="超清">超清</option>
</select>