Несколько библиотек JavaScript, которые можно использовать для создания выпадающего списка с поиском:
- Select2. sky.pro Библиотека расширяет возможности стандартного элемента <select> и позволяет реализовать функцию поиска. sky.pro
- vanillaSelectBox. www.cssscript.com web7.pro Библиотека преобразует обычный элемент <select> в настраиваемый выпадающий список с возможностью поиска. web7.pro
- SelectPure. www.cssscript.com web7.pro Библиотека для создания элементов управления с одним или несколькими элементами выбора с поддержкой автозаполнения и динамического рендеринга данных. web7.pro
- Selectize.js. sky.pro Библиотека предлагает функционал, подобный Select2, но в другом исполнении. sky.pro Например, позволяет пользователям добавлять опции, отсутствующие в исходном списке, а с помощью sortField элементы автоматически сортируются. sky.pro
Также для создания выпадающего списка с поиском можно использовать нативный HTML5 элемент <datalist>, который поддерживает автодополнение на уровне браузера. sky.pro Фильтрация опций происходит автоматически при начале ввода текста. sky.pro