Проблему: обрезается текст в options, когда ширина SELECT меньше, чем название OPTION. Желательно решение валидное для Internet Explerer > 6
Сейчас проблема решается указанием title для OPTION и SELECT.
Полный текст в HTML select
1
Новые ответы
Новые
Лучшие
1
Реализация на jQuery SELECT расширяется автоматически при наведении и выборе OPTION в SELECT.
- При наведении курсора мыши, SELECT расширяется по ширине самого длинного текста в OPTIONS.
- При выборе, потере фокуса SELECT возвращает свой первоночальный размер
Релизация:
(function($) {
$.fn.AutoWidth = function(readonly) {
return this.filter('select')
.mouseover(function() { $(this).width("auto").mouseout(function() { $(this).width(""); }); })
.click(function() { $(this).unbind("mouseout"); })
.blur(function() { $(this).width(""); })
.change(function() { $(this).width(""); });
}
})(jQuery);
Ссылка на источник
