safari 3 的一个bug : 关于select的 (我怀疑这个bug我是全球首发)

最新推荐文章于 2019-04-12 16:25:00 发布

fins

最新推荐文章于 2019-04-12 16:25:00 发布

阅读量436

点赞数

分类专栏： web前端文章标签： Safari 单元测试浏览器 HTML 工作

web前端专栏收录该内容

85 篇文章 0 订阅

订阅专栏

在给gt grid编写editor时发现的 safari 版本 3.0.4

这个bug 简单点说就是,
当select下的所有option的 selected属性都是 false时,
大多数浏览器都会将选项指向上次选择的项,而safari会生造出一个空的option来,
而且这种情况不是总发生, 什么时候发生什么时候不发生不好说看后面的代码注释吧

演示文件见附件


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type="text/javascript">
	function init(selectObj) {

		// 对于s1 safari的做法和其他浏览器一致, 都是默认选中第一个
		selectObj=document.getElementById('s1');
		for (var i=0; i<selectObj.options.length; i++) {
			selectObj.options[i].selected=false;
		}


// 对于s2 safari的做法就出现问题了, 会生造出一个
		selectObj=document.getElementById('s2');
		for (var i=0; i<selectObj.options.length; i++) {
			selectObj.options[i].selected=false;
		}

alert(selectObj.value)  // 注意这个alert.


// 对于s3 safari的做法本来应该和 s2 一样 但是由于多了一个上面的alert, 一切又不同额 FT!!!!
// 如果你把上面的 alert 注释了 那么 s3 和 s2 完全一样 

		selectObj=document.getElementById('s3');
		for (var i=0; i<selectObj.options.length; i++) {
			selectObj.options[i].selected=false;
		}
	}
</script>

 </head>

 <body onload="init();">
	<select id="s1">
		<option value="1" selected="selected" >aaaa</option>
		<option value="2">bbb</option>
		<option value="3">ccc</option>
    </select>

<br/><br/>

	<select id="s2">
		<option value="11" >zzz</option>
		<option value="22">xxxx</option>
		<option value="33">ccc</option>
    </select>


<br/><br/>

	<select id="s3">
		<option value="111" >bbb</option>
		<option value="222">nnn</option>
		<option value="333">mmm</option>
    </select>

 </body>
</html>

fins

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
safari 3 的一个bug : 关于select的 (我怀疑这个bug我是全球首发)

在给gt grid编写editor时发现的 safari 版本 3.0.4这个bug 简单点说就是, 当select下的所有option的 selected属性都是 false时,大多数浏览器都会将选项指向上次选择的项,而safari会生造出一个空的option来,而且这种情况不是总发生, 什么时候发生什么时候不发生不好说看后面的代码注释吧演示文件见附件...
复制链接

扫一扫

专栏目录