У меня есть этот элемент 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.