У меня есть этоselect элемент с разнымиoption в этом. Обычноselect элемент получит свою ширину от самого большогоoption элемент, но я хочуselect элемент по умолчаниюoption ширина значения, которая короче. Когда пользователь выбирает другойoption,select элемент должен изменить свой размер, чтобы весь текст всегда был виден в элементе.

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

Проблема:

В Chrome (Canary) ширина всегда равна 0.В Firefox ширина get добавляется и не изменяется при выборе более короткой опции.Safari: тот же результат, что и в Chrome.

Демо @ JSFiddle