jQuery Chosen Plugin

Опубликовано admin - чт, 07/12/2012 - 23:04
Изображение
jquery choosen

Многим разработчикам не нравятся стандартные элементы форм браузеров, их часто приходится заменять на нестандартные. Наибольшую сложность из всех html элементов представляет элемент select. Его замену можно реализовать с помощью кроссбраузерного плагина jQuery Chosen Plugin. Этот плагин наиболее удобен при замене элемента select по сравнению с другими в связи с тем, что поддерживают замену динамически созданных элементов, события. Более того, для тех кто разбирается в jQurey есть возможно использовать множество доступных обработчиков событий, если Вы откроете js файл плагина. В целом плагин поддерживает следующие возможности:

  • настройка стиля select;
  • поиск по тексту опций;
  • обработка событий;
  • стилизация динамически созданных элементов форм;
  • генерация уникальных id;
  • неограниченное количество стилизованных элементов select;
  • и многое другое;

Подключаем нужные библиотеки:

Чтобы плагин подключился нужно станадартному списку select установить класс "chosen".

Результат работы плагина:

Красиво и просто, но это ещё не всё. Плагин поддерживает событие change:

Живой пример использования события change:

Получить html через ajax с использованием плагина jQuery Chosen

Мо выбор остановился на этом плагине, ещё из-за его поддержки преобразования элементов полученных динамически, например через ajax:

Для получения значений элемента select можно использовать следующий код:

Теперь Вы с успехом можете использовать jQuery Chosen на своих сайтах!

Теги

Оценка

No votes have been submitted yet.

На разработку сайта! Скидки до 20%!