2013-10-09 59 views
1

我在ie9下拉菜單中遇到問題。 以下代碼對我來說工作正常。 但在ie9上,我必須在dd菜單上單擊兩次以查看選項。Css select ie9下拉菜單問題

ie9的任何解決方案?

<script type='text/javascript'> 
    function SetWidthToAuto(drpLst) { 
     drpLst.style.width = 'auto'; 
    } 

    function ResetWidth(drpLst) { 
     drpLst.style.width = '150px'; 
    } 
    </script> 

    <div style="width:150px;overflow:hidden;"> 
    <select id="drpTechnology" style='width:150px' onchange='ResetWidth(this)' 
    onblur='ResetWidth(this)' 
    onmousedown='SetWidthToAuto(this)'> 
    <option value="-1">Browse me..</option> 
    <option value="1">Short Option</option> 
    <option value="2">Little bigger than short Option</option> 
    <option value="3">Largest option available with this select box</option> 
    </select> 
    <div> 

感謝

回答

0

僅僅通過更換onclickonmousedown

您也可以在函數調用中刪除this,並在函數內部簡單地使用this

嘗試JSfiddle:http://jsfiddle.net/d2UUs/1