IE 下multiple select的onclick事件太土了

最新推荐文章于 2024-08-29 17:08:40 发布

zprill

最新推荐文章于 2024-08-29 17:08:40 发布

阅读量483

点赞数

文章标签： IE Firefox HTML

本文探讨了在IE6与FireFox、IE7等现代浏览器中处理select元素的点击事件时出现的不同行为。具体表现为，在IE6中点击select元素时，触发的事件回调函数获取到的选择状态为点击前的状态，而现代浏览器则能正确反映最新的选择结果。

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

点击select的项的时候，弹出对话框显示选中的项的数

FireFox,IE7下都是好的，但IE6下就怎么都不对，经测试发现，估计它们处理onclick事件的机制不同

1）FireFox,IE7会显示最新点击选中的结果

2）IE6则是显示本次点击前的状态，真土的掉渣。。。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script>
function clickSelect(){
var s =document.getElementById('testSelect');
alert("you have choose "+getSelectedSize(s));
}
function getSelectedSize(select){
var s = 0;
if(select == null || select.lenght < 1){
return s;
}
for(var i = 0; i < select.length; i++){
if(select.options[i].selected){
s++;
}
}
return s;

}
</script>
<form name="testForm">
<select name="testSelect" id="testSelect" size='5' multiple onclick="clickSelect()">
<option value="1">1111</option>
<option value="2">2222</option>
<option value="3">3333</option>
<option value="4">4444</option>
</select>
</form>
</BODY>
</HTML>