相关疑难解决方法(0)

我有这个select元素与option它不同.通常select元素会从最大option元素获得宽度,但我希望select元素的默认option值宽度更短.当用户选择另一个元素时option,该select元素应调整自身大小,以便整个文本始终在元素中可见.

$(document).ready(function() {
    $('select').change(function(){
        $(this).width($('select option:selected').width());
    });
});

问题:

• 在Chrome(Canary)上,它的返回宽度始终为0.
• 在Firefox上,选择较短的选项时,会添加宽度并且不会调整大小.
• Safari:与Chrome相同的结果.

演示@ JSFiddle