CSS选择下拉菜单问题与IE9

Question

我在ie9的下拉菜单中遇到问题。 下面的代码对我来说很好用。 但是在ie9上，我必须在dd菜单上单击两次以查看选项。

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>

谢谢

Answer 1

只需将onmousedown替换为onclick 。

您也可以在函数调用中删除this ，而在函数内部简单地使用this 。

尝试JSfiddle： http : //jsfiddle.net/d2UUs/1