Могу ли я прокси-поле выбора с HTML и JavaScript?

Question

Поскольку элементы <select> не стилизуются предсказуемым образом, я думал о настройке прокси-элемента javascript / html для управления скрытым полем <asp:dropdownlist>. Код, который заполняет выбор, находится вне моего контроля, но я не хочу отображать фактическое поле.

У кого-нибудь есть опыт или указатели с чем-то вроде этого?

Answer 1

Это работа для jQuery. Что вы хотите сделать, это примерно следующее:

1. Используйте css, чтобы скрыть выпадающий список
2. Считать параметры / значения элемента select в массив javascript. JQuery хорош в этом.
3. Используйте jQuery для генерации элемента ul с элементом li для каждой из опций
4. Используйте множество методов для стилизации элемента ul в выпадающий список

Вот пример кого-то, кто сделал это: http://www.brainfault.com/jquery-plugins/jquery-selectbox-replacement/. Вы, вероятно, можете использовать его код почти как есть. Пример немного сбивает с толку, потому что он стилизует раскрывающийся список, чтобы он выглядел точно как элемент select Но если вы начнете редактировать css, вы можете заставить его выглядеть так, как вам хочется.