Стиль выпадающих форм

Question

Я хочу оформить раскрывающуюся форму так, чтобы она выглядела совершенно иначе, чем форма, управляемая операционной системой. Общеизвестно, что проблема заключается в том, чтобы заставить форму вести себя хорошо в браузере, и мне еще предстоит найти хорошее решение.

Я пробовал этот сценарий: http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/, который отлично работает для выпадающих форм, которые имеют небольшое количество выбираемых элементов, однако он начинает ломаться кросс-браузер, когда требуется полоса прокрутки, чтобы позволить пользователю перейдите к нужному элементу данных.

У моего выпадающего списка есть 250 таких значений, поэтому у меня остался сломанный интерфейс. Колесо мыши можно использовать для навигации, но форма мгновенно исчезает, если пользователь выбирает кнопки OS вверх или вниз ↓ для навигации вверх и вниз по списку.

Кто-нибудь сможет взломать выпадающий список? Есть ли обходной путь? Может быть, другой сценарий в порядке?

Answer 1

Вы ищете техническое решение, которому здесь не место. Это относится к stackoverflow. Однако я расскажу о проблеме юзабилити, которую вы здесь представляете. Выпадающий список из 250 предметов практически неуправляем. Вы действительно должны подумать о том, чтобы как-то справиться с этим. Более высокое поле выбора является одним из вариантов, но, возможно, лучше использовать какой-либо поиск или автозаполнение, когда пользователь может ввести свой выбор. Пока вы проверяете, что они вводят при отправке формы, это должно работать нормально.