jQuery Chosen Plugin

Опубликовано admin - чт, 07/12/2012 - 23:04

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

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

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

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

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

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

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

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

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

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

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

Взаимосвязанные материалы

# 1. О сайте (суббота, июля 6, 2019 - 21:51 ),

Сайт slyweb.ru содержит многочисленную информацию о разработке сайтов и их поддержки в рабочем состоянии.

На сегодняшний день slyweb.ru представляет следующие услуги:

читать...
# 2. Как написать первый плагин на jQuery, с использованием ajax? (воскресенье, июня 3, 2018 - 10:52 ),

Возможно рано или поздно Вам придётся писать серьёзные скрипты на jQuery, поскольку jQuery наиболее популярен в последнее время. читать...

# 3. jQuery для начинающих! (пятница, июня 1, 2018 - 21:28 ),

Возможно Вам интересно спросить: "Почему у меня возникла мысль написать подробное мини-руководство об ajax на jQuery?". читать...

# 4. jQuery - самое нужное! Карусель! (воскресенье, мая 20, 2018 - 19:22 ),

Здравствуйте уважаемые читатели, продолжаем цикл статей о самом нужном в jQuery. Сегодня я научу Вас делать jQuery карусель. читать...

# 5. Аудио плеер на основе HTML5 и jQuery (вторник, апреля 17, 2018 - 19:23 ),

Сегодня я расскажу как сделать интересный вариант плеера на основе html 5 и jQuery.

Плеер будет поддерживать следующие функции:

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