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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title>select-option onclick </title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%20%3E%20%0D%0A%0D%0Afunction%20simOptionClick4IE()%7B%20%0D%0Avar%20evt%3Dwindow.event%20%3B%20%0D%0Avar%20selectObj%3Devt%3Fevt.srcElement%3Anull%3B%20%0D%0A%2F%2F%20IE%20Only%20%0D%0Aif%20(evt%20%26%26%20selectObj%20%26%26%20evt.offsetY%20%26%26%20evt.button!%3D2%20%0D%0A%26%26%20(evt.offsetY%20%3E%20selectObj.offsetHeight%20%7C%7C%20evt.offsetY%3C0%20)%20)%20%7B%20%0D%0A%0D%0A%2F%2F%20%E8%AE%B0%E5%BD%95%E5%8E%9F%E5%85%88%E7%9A%84%E9%80%89%E4%B8%AD%E9%A1%B9%20%0D%0Avar%20oldIdx%20%3D%20selectObj.selectedIndex%3B%20%0D%0A%0D%0AsetTimeout(function()%7B%20%0D%0Avar%20option%3DselectObj.options%5BselectObj.selectedIndex%5D%3B%20%0D%0A%2F%2F%20%E6%AD%A4%E6%97%B6%E5%8F%AF%E4%BB%A5%E9%80%9A%E8%BF%87%E5%88%A4%E6%96%AD%20oldIdx%20%E6%98%AF%E5%90%A6%E7%AD%89%E4%BA%8E%20selectObj.selectedIndex%20%0D%0A%2F%2F%20%E6%9D%A5%E5%88%A4%E6%96%AD%E7%94%A8%E6%88%B7%E6%98%AF%E4%B8%8D%E6%98%AF%E7%82%B9%E5%87%BB%E4%BA%86%E5%90%8C%E4%B8%80%E4%B8%AA%E9%80%89%E9%A1%B9%2C%E8%BF%9B%E8%80%8C%E5%81%9A%E4%B8%8D%E5%90%8C%E7%9A%84%E5%A4%84%E7%90%86.%20%0D%0AshowOptionValue(option)%20%0D%0A%0D%0A%7D%2C%2060)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20showOptionValue(opt%2Cmsg)%7B%20%0D%0A%2F%2Falert('aa')%3B%20%0D%0Avar%20now%3Dnew%20Date()%3B%20%0D%0Avar%20dt%3D%20(1900%2Bnow.getYear())%2B'-'%2B(now.getMonth()%2B1)%2B'-'%2Bnow.getDate()%2B%20%0D%0A'%20'%2Bnow.getHours()%2B'%3A'%2Bnow.getHours()%2B'%3A'%2Bnow.getSeconds()%2B'.'%2Bnow.getMilliseconds()%3B%20%0D%0Avar%20resultZone%3Ddocument.getElementById('reslut')%3B%20%0D%0AresultZone.style.margin%3D%2210px%22%3B%20%0D%0AresultZone.innerHTML%3Ddt%20%2B%22%20%E6%97%B6%2C%E7%82%B9%E5%87%BB%E4%BA%86%3A%20%22%20%2B%20(opt.text%20%2B%20'%20%3D%20'%2Bopt.value)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%3C%2Fscript%3E"> 
</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>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　运行测试下即可。

教程首页更多教程

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

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