плагин choices js

Choices.js — делаем универсальный custom select без зависимостей

Использование стандартных select-боксов скучно и уныло. А в 2017 так и вовсе неуважительно в отношении к пользователю. Предлагаем использовать плагин JS для кастомизации HTML Select.

В данном посте речь пойдет не о jQuery плагине, как Вы могли подумать. Всем известно, что лучше использовать инструмент без каких-либо зависимостей. Как раз им и является Choices.js. Это миниатюрная библиотека, которая с легкостью поможет Вам создать custom select и управлять выпадающими списками и элементами option в нем.

Автор плагина выделяет следующие преимущества своей работы:

  • Легкий вес = высокая производительность;
  • Нет зависимости от jQuery;
  • Настраиваемая сортировка;
  • Использование Flexible;
  • Быстрый поиск\фильтрация;
  • Доступный API;
  • Возможность создавать свое оформление.

множественный выбор с плагином

Инсталляция и использование плагина:

Подключаем файлы

Установки параметров в скрипте

Как видно из кода выше, плагин очень гибкий и без труда может быть оформлен под Ваши личные потребности. Рекомендуем также ознакомиться со всеми опциями и методами csutom select. Всю информацию можно найти на страничке автора Github (ссылка выше).

530 просмотров
В поисках шаблона для сайта?