2014-04-26 48 views
1

在Chrome瀏覽器中,當您在此網頁上單擊CloudCover時,會在下面顯示說明。在IE中,描述沒有透露。任何建議,使這項工作在IE瀏覽器?JavaScript中的Chrome在IE中不起作用

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title>min test</title> 
     <script type='text/javascript'> 
      function showDescription (sel) { 
       var myVarDescip, myVarTEXT; 
       var myVar = (sel.value); 
       document.getElementById('putDescriptionHere').innerHTML = ""; 
       myVarDescip = (myVar + "Descrip"); 
       myVarTEXT = document.getElementById(myVarDescip).innerHTML; 
       document.getElementById('putDescriptionHere').innerHTML = myVarTEXT; 
      } 
     </script> 
    </head> 
    <body> 
     <select id="destSelect" size="3" multiple="multiple"> 
      <option value="CloudCover" onclick="showDescription(this);">Cloud Cover</option> 
     </select> 
     <div id="CloudCoverDescrip" style="display: none"> 
      <b>Cloud Cover:</b> The percentage of sky occluded by clouds. 
     </div> 
     <div id="putDescriptionHere"></div> 
    </body> 
</html> 

回答

4

您不能附加在IE選項鼠標事件,所以點擊永遠不會觸發。

使用上的選擇onchange事件,而不是

<select id="destSelect" size="3" multiple="multiple" onchange="showDescription(this);"> 

FIDDLE

相關問題