IE 下multiple select的onclick事件太土了

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

zprill

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

阅读量2.5k

点赞数

分类专栏： javascript 文章标签： ie firefox generator html function null

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

点击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 οnclick="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>