Использование JavaScript плагина Select 2 для стилизации выпадающих списков

Select 2 — это JavaScript плагин, который позволяет стилизовать выпадающие списки select. Стилизовать их с помощью только CSS весьма проблематично, так как каждый браузер отображает их по своему, а в CSS нет правил, для стилизации тега select.

Поэтому самый простой способ стилизовать выпадающие списки, сделать так, чтобы они выглядели одинаково во всех браузерах, подогнать их внешний вид под макет дизайнера — это использовать этот плагин. К тому же помимо просто стилизации списков он позволяет добавить им различный дополнительный функционал.

Домашняя страницаДемо

Меняем значения выпадающего списка

Исправляем конфликт плагина с админ-баром WordPress

Отключаем Select2

Получаем всю информацию о выбранном значении

События

Выбор нескольких значений

Устанавливаем выбранное значение

Очистка выбранного значения

Отлавливаем событие выбора элемента

Ширина выпадающего списка

Использование плейсхолдера

Подключение и запуск