Автоматическое изменение размера элемента SELECT в соответствии с шириной выбранного OPTION. ⇐ Jquery

[Anonymous]

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

Код: Выделить всё

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

Проблема:

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

Демо @ JSFiddle

Подробнее здесь: https://stackoverflow.com/questions/200 ... ions-width