Альтернатива использованию HTML Select

Question

У меня есть HTML-форма с различными элементами SELECT (как многострочного, так и выпадающего списка). Количество элементов в SELECT намного шире, чем ширина элемента. В большинстве браузеров будет отображаться всплывающая подсказка, а раскрывающийся список будет таким же широким, как и самый широкий вариант. В IE6, однако, ни один из них не работает.

Кто-нибудь знает какой-либо альтернативный элемент управления, такой как плагин jQuery, который можно использовать в качестве замены SELECT, что позволит всплывающим подсказкам и более широкому раскрытию. Нужно только работать в IE6.

Answer 1

Вы можете использовать CSS, чтобы указать ширину элемента SELECT, которая отвечает вашим потребностям.

select { width: 150px; }

Answer 2

Как насчет чего-то вроде jQuery Selectable .

Здесь вы получаете список элементов с заданной шириной. Если вы хотите что-то ближе к выбранному меню (то есть все не перечислено), вы можете взглянуть на реализацию типа раскрывающегося меню и изменить ее, чтобы выбрать свое значение вместо перехода на новую страницу.

Answer 3

У меня нет IE6, поэтому я не на 100%, если вы можете установить ширину элемента select.Если вы не можете, вы можете просто «воссоздать» выбранный элемент.Я не удивлюсь, если в IE6 возникнут какие-то проблемы.

Например, создайте display: inline-block div для каждой опции, затем переберите каждый div и получите наибольшую ширину.Переберите снова и установите каждую ширину на максимальную ширину.Храните их в одном уникальном контейнере (с одинаковой шириной, чтобы обеспечить их обертывание) и расположите их рядом с элементом, созданным для этой цели.Не уверен, насколько это практично для вашего приложения, но хе.

Чтобы уточнить, это то, что я имел в виду: http://jsfiddle.net/Svkxc/