Если сайт достаточно большой и содержит много контента то организация поиска по нем достаточно критичный вопрос, сегодня мы хотим рассказать как организовать поиск по выпадающем списку упростив при этом навигацию, поможет нам в этом небольшой плагин jQuery. Hierarchy Select-это легкий плагин jQuery, который преобразует обыкновенный список bootstrap в фильтруемый иерархический раскрывающийся список. Все работает очень быстро и плавно, если вы нуждаетесь в таком списке с фильтрацией думаю это отличное решение для вас.

 

Много качественных шаблонов, бесплатных и не только вы сможете найти на сайте наших партнеров, там есть шаблоны русскоязычные, а также с техподдержкой:

Как использовать:

Для начала загрузите и включите файлы плагина jQuery Hierarchy Select в свой проект Bootstrap:

Создайте раскрывающийся список начальной загрузки, в котором используется атрибут уровня данных для каждого элемента списка:

Вызовите функцию hierarchySelect для верхнего элемента:

По умолчанию плагин имеет следующие опции:

В результате у нас получился такой замечательный выпадающий список, с возможностью фильтрации по содержимому.

Вот и все. Готово!