javascript - ie9的CSS选择下拉菜单问题

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