`
zprill
  • 浏览: 35584 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE 下multiple select的onclick事件太土了

IEFirefoxHTML 
阅读更多
点击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>
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics