javascript option onclick事件ie解决方案兼容ie,firefox

更新时间：2009年12月18日 22:16:00 作者：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>select-option onclick </title> <script type="text/javascript" > function simOptionClick4IE(){ var evt=window.event ; var selectObj=evt?evt.srcElement:null; // IE Only if (evt && selectObj && evt.offsetY && evt.button!=2 && (evt.offsetY > selectObj.offsetHeight || evt.offsetY<0 ) ) { // 记录原先的选中项 var oldIdx = selectObj.selectedIndex; setTimeout(function(){ var option=selectObj.options[selectObj.selectedIndex]; // 此时可以通过判断 oldIdx 是否等于 selectObj.selectedIndex // 来判断用户是不是点击了同一个选项,进而做不同的处理. showOptionValue(option) }, 60); } } function showOptionValue(opt,msg){ //alert('aa'); var now=new Date(); var dt= (1900+now.getYear())+'-'+(now.getMonth()+1)+'-'+now.getDate()+ ' '+now.getHours()+':'+now.getHours()+':'+now.getSeconds()+'.'+now.getMilliseconds(); var resultZone=document.getElementById('reslut'); resultZone.style.margin="10px"; resultZone.innerHTML=dt +" 时,点击了: " + (opt.text + ' = '+opt.value); } </script> </head> <body> <select onclick="simOptionClick4IE()" style="width:235px; height:300px;margin-right:10px;border:1px solid #CFCDCD; background-color:#FFFFFF;font-family:'Arial'; font-size: 13px; color:#565553; font-style:normal; font-weight:normal; text-decoration:none">  <option value="1" onclick="showOptionValue( this )" >aaaaa</option> <option value="2" onclick="showOptionValue( this )" >bbbbb</option> <option value="3" onclick="showOptionValue( this )" >ccccc</option> </select> <div id="reslut" ></div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

运行测试下即可。

您可能感兴趣的文章:

两个INPUT同步输入的方法小结兼容IE和firefox
有时候我们需要同步输入一些表单input等，下面的几种方法，建议用onkeyup的方法来实现。
2009-04-04
将光标定位到textarea的某一行的javascript代码
将光标定位到textarea的某一行的javascript代码...
2007-04-04
二级连动菜单
二级连动菜单...
2006-07-07
HTML-CSS群中单选引发的“事件”
HTML-CSS群中单选引发的“事件”...
2007-03-03
CSS3实现动态背景登录框的代码
本文介绍了一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-07-07
Javascript 汉字字节判断
注册验证之：Javascript判断汉字为2字节
2009-08-08
捕获input文本框内容改变事件的js代码
input 文本框内容改变，我们可以使用onchange或者onblur来进行判断，但是onchange是在文本内容改变，然后失去焦点的时候发生，onblur是在失去焦点时候发生，不会自己去判断。
2010-04-04
Select的OnChange()事件
Select的OnChange()事件...
2006-07-07
js select 标签选定项的值获取代码
用js获取当前选定的select的值的函数
2009-03-03
js下获得单选框的值的代码
js下获得单选框的值的代码...
2007-09-09