JQuery nice select — заменяем стандартный select

Легкий jQuery плагин, который заменяет стандартный select на кастомизированный dropdown.

Использование

Подключить jQuery и плагин:

Подключить скомпилированный стиль плагина:

В заключении инициализировать плагин.

Некоторые возможности

Вы можете указать альтернативный текст для каждого option, который будет отображаться в выпадающем списке при выборе этого option.
Добавьте атрибут data-display, чтобы задать этот альтернативный текст.
Например:

Каждый класс, который вы назначаете элементу select, будет скопирован в сгенерированный выпадающий список. Таким образом, вы можете настраивать различные версии оформления, просто добавляя новый CSS.

Некоторые примеры оформления включены в CSS плагина: wide, right, small.
Классы которые отвечают за размер и расположение нового select.

Методы

update
Обновляет кастомный dropdown, чтобы отразить любые изменения сделанные в оригинальном select.

destroy
Удаляет кастомный dropdown и открепляет все обработчики событий.

 

СКАЧАТЬ НА GITHUB

Вам также может понравиться