使用JavaScript/jQuery打开选择框？

29 浏览
0 Comments

使用JavaScript/jQuery打开选择框？

有没有一种方法可以使用Javascript（和jQuery）来打开一个选择框？

我必须打开我的选择框，因为IE有一个bug。所有版本的IE（6,7,8）都会截断我的选项。

据我所知，没有CSS的bug修复方法。

目前我尝试做以下操作：

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;
    });
}

但是第一次点击选择框时，会改变选择框的宽度，但我必须再次点击才能打开它。

0