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

版权声明：转载请标明出处 https://blog.csdn.net/w1418899532/article/details/83745485

• 问题:

问题：使用select写的下拉菜单对默认选选中的option项设置selected="selected"属性，不起作用，没有实现默认选中。

• 分析：

分析：使用谷歌浏览器打开页面时，selected="selected"默认选中事件有效。当使用火狐浏览器打开刷新页面后显示的是上一次关闭时选中的option选项，默认选中属性selected="selected"失效。

• 解决：

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

• 下拉菜单实现代码

下拉菜单实现代码如下：

<select class="selectType" autocomplete="off">
  <!--根据原厂商文件自动填入h4标签中的各类协议名-->
  <option value="邮件" selected="selected">邮件</option>
  <option value="FTP">FTP</option>
  <option value="TELNET">TELNET</option>
  <option value="网络论坛">网络论坛</option>
</select>

效果：