手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >FireFox下selected =selected失效不起作用的解决方法
FireFox下selected =selected失效不起作用的解决方法
摘要:使用javascript动态改变select的selected属性时,发现不起作用。某个hello明明有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失效不起作用的解决方法】相关文章:

IE7.0以下版本列表li中的元素错位一个上一个下的解决方法

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

常用的10种CSS BUG解决方法与技巧

css控制div不能居中的解决办法

IE6下图片下方有空间距的多种解决方法

在ie7下css居中样式text-align:center;偏左问题解决方法

CSS中常用的缩写方式

div嵌套 img 空白解决方法

IE中div被视频遮住(用embed来内嵌视频)的解决方法

CSS的nth-child使用方法

精品推荐
分类导航