<div class="htmlarea"> <textarea id="runcode76063"> <title>클릭 시 선택 옵션 </title> <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"> <!-- 下面的 onclick="showOptionValue( this )" 是为 ff 和 opera而准备 --> <option value="1" onclick="showOptionValue( this )"> </option>아아아아<option value="2" onclick="showOptionValue( this )"> </option>bbbbbb<option value="3" onclick="showOptionValue( this )"> </option>cccc</select> <div id="reslut"> </div> </textarea> <br><input onclick="runEx('runcode76063')" type="button" value="运行代码"><input onclick="doCopy('runcode76063')" type="button" value="复制代码"> <input onclick="doSave(runcode76063)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A Select All 참고: </a>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. </div>]<br><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> 테스트를 실행해 보세요.