Реализация на 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);

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