javascript - 使用 Javascript/jQuery 打开选择？

Question

有没有办法使用 Javascript(和 jQuery)打开选择框？

<select style="width:150px;">
    <option value="1">1</option>
    <option value="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu nunc, rhoncus ac dignissim at, rhoncus ac tellus.</option>
    <option value="3">3</option>
</select>

我必须打开我的选择，这是 IE bug 的原因。所有版本的 IE(6、7、8)都切断了我的选择。 据我所知，目前还没有针对此问题的 CSS 错误修复。 目前我尝试执行以下操作:

var original_width = 0;
var selected_val = false;

if (jQuery.browser.msie) {
    $('select').click(function(){
        if (selected_val == false){
            if(original_width == 0)
                original_width = $(this).width();

            $(this).css({
                'position' : 'absolute',
                'width' : 'auto'
            });
        }else{
            $(this).css({
                'position' : 'relative',
                'width' : original_width
            });
            selected_val = false;
        }
    });

    $('select').blur(function(){
        $(this).css({
            'position' : 'relative',
            'width' : original_width
        });
    });

    $('select').blur(function(){
        $(this).css({
            'position' : 'relative',
            'width' : original_width
        });
    });
            
    $('select').change(function(){
        $(this).css({
            'position' : 'relative',
            'width' : original_width
        });
    });

    $('select option').click(function(){
        $(this).css({
            'position' : 'relative',
            'width' : original_width
        });
    
        selected_val = true;
    });

}

但是第一次单击我的选择将更改选择的宽度，但我必须再次单击才能打开它。

Answer 1

我知道这个问题已经很老了并且已经得到解答，但这在 Safari 和 iOS UIWebView 中对我有用 - 我将其隐藏，但希望在单击不同的按钮时显示并打开它。

$('#select-id').show().focus().click();