FireFox下selected =selected失效不起作用的如何解决方法

雨后的草原,野花竞放,像一块刚浸过水的花头巾,连露珠儿也都是五颜六色的了!一条条小河宛如蓝色的缎带缠绕着一望无际的绿色田野,远处一座座造型古朴、色彩和谐的小屋,一派美丽动人的田园风光!
使用javascript动态改变select的selected属性时,发现不起作用。

某个<option selected = 'selected' >hello</option>明明有selected = 'selected' 但是选中的却不是它

只有预先写好的<option selected = 'selected' >hello</option>才会显示被选中。

这个问题在firefox5下才会出现,在FF4下不会,所以我猜想是不是FF5的一个BUG。

可能的原因是FF5处于性能考虑,将一开始加载的dom元素的一些属性缓存起来了,而当使用F5刷新的时候,FF依然使用缓存中的属性,而不使用新的属性。

只有使用CTRL+F5强制刷新时,才能渲染新的属性。

最终,在stackoverflow中找到了解决方法:http://stackoverflow.com/questions/6849057/firefox-5-not-using-select-selected-value-on-page-refresh-retaining-old-value

里面说只要在select标签中加autocomplete = ‘off “就行了,<select id="sportid" name="sportid" autocomplete="off">

试了一下,确实有用。

本文FireFox下selected =selected失效不起作用的如何解决方法到此结束。擦干当年所有的泪,所有的痛,遗忘悲伤,重新来过。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例