使用ie9选择下拉菜单问题

时间:2013-10-09 20:48:08

标签: javascript html select menu internet-explorer-9

我在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>

由于

1 个答案:

答案 0 :(得分:0)

只需将onmousedown替换为onclick

您还可以在函数调用中删除this,只需在函数内部使用this

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