Полный текст в HTML select - CodeHelper

Полный текст в HTML select

1

Проблему: обрезается текст в options, когда ширина SELECT меньше, чем название OPTION. Желательно решение валидное для Internet Explerer > 6

Сейчас проблема решается указанием title для OPTION и SELECT.

Новые ответы

Новые Лучшие

1

Реализация на jQuery SELECT расширяется автоматически при наведении и выборе OPTION в SELECT.

  1. При наведении курсора мыши, SELECT расширяется по ширине самого длинного текста в OPTIONS.
  2. При выборе, потере фокуса 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);

Ссылка на источник


v1.7.123.556
© 2009—2010 CodeHelper FAQ | О сайте | Обратная связь | История изменений | Статьи
Creative Commons LicenseМатериалы сайта распространяются под лицензией Creative Commons Attribution-Share Alike 3.0 Unported.