2013-10-09 63 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