Кастомный select

[Great Rash]

Давно хотел сделать сабж... но никак руки не доходили. Хотел сделать его максмально приближенным к оригиналу (простому браузерному селекту), но с возможностью легко стилизовать и чтоб во всяких ИЕ можно было абсолютно позиционированные слои над ним располагать.

Чего умеет:

- скрипт подключается на страницу 1 раз и заменяет все селекты в документе или в выбранном контейнере.

- по селектам можно "ходить" TAB'ом.

- при управлении с клавиатуры если нажать Enter, то сабмита формы не произойдет пока селект в фокусе (просто выберется значение - так ведет себя обычный селект).

- визуально отображаются 3 состояния (mouseover, mouseout, mousedown).

- для стилизации используется 1 спрайт.

Чего не умеет:

- пока не поддерживается multiple-selection

- не поддерживается исполнение функций из атрибутов-событий (onclick, onchange и т.п.)

Проблемы о которых я знаю:

- в ИЕ 6 при нажатии Enter селект не хочет терять фокус (как победить хз)

Посмотреть можно тут.

Просьба кому не лень потестить и высказать свои замечания/предложения. Буду допиливать.

[Vlad]

Хорошая штука получилась, не хватает hover-а только, как это сделано в обычном <select>.

[Great Rash]

Хорошая штука получилась, не хватает hover-а только, как это сделано в обычном <select>.

Эммм, не совсем понимаю о чем вы? Ховер есть, в обычном селекте только кнопка цвет меняет (как и у меня). По крайней мере под Дристой...

[stars]

Нажал на треугольничек с боку, появился выбор, я выбрал (не чего не куда не исчезло), я нажал еще раз на треугольничек (опять таки не куда не чего не делось)... Пользовался я оперой. А так все супер.

[Great Rash]

Точно! Упустил этот момент! А еще упустил, что при повторном клике должен происходить toggle (как по русски?) видимости.

[swetlana]

toggle (как по русски?)

переключение

[Vlad]

Эммм, не совсем понимаю о чем вы? Ховер есть, в обычном селекте только кнопка цвет меняет (как и у меня). По крайней мере под Дристой...

Если взять обычный select, то при раскрытии списка стоит поводить по элементам мышкой и они меняют цвет фона. Не активными становятся, а выделенными. Это и подразумевал под ховером.

[Great Rash]

Это и подразумевал под ховером.

Ховер сделать не представляется возможным. Дело в том, что у меня используется собственно <select> с заданным size. А когда у селекта задан size ховер на опшинах перестает работать. Сделать кастомный ховер не получается. т.к. на <option> не работает эвент mouseover.

Как победить хз...

А вот и нет... наврал. Спасибо сделаем!

[andreybig]

В селекте не работают optgroup - вместо них выводится undefined

а хотелось бы чтобы они тоже были

[Great Rash]

Я забросил разработку этого селекта. Сейчас совсем нет времени, когда появится переделаю его. Добавить группы и мультиселект планирую, но это все не раньше марта наверное.