Умный поиск по прайс-листу клиники - PHP, JavaScript и 1С-Битрикс

Переписал поиск по прайс-листу клиники с нуля. Прежний вариант работал через Select2: открывал полный список услуг уже при клике на пустое поле, добавлял лишние действия и плохо соответствовал структуре страницы.

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

Учёл проблему исходных данных из Excel: одинаковые на вид буквы в номенклатурных кодах могли быть набраны в русской или английской раскладке. JavaScript приводит похожие символы к единому виду, поэтому А04.16.001 и A04.16.001 дают одинаковый результат.

После выбора результата скрипт автоматически закрывает другие разделы, раскрывает нужное направление, прокручивает страницу к найденной услуге и подсвечивает строку. Пользователь сразу видит услугу в полном прайс-листе, без дублирования информации.

На PHP добавил надёжный разбор одиночных и составных медицинских кодов, включая цепочки через +, очистку пробелов из Excel и разделение кода и названия на разные строки.
Интерфейс адаптирован для мобильных устройств: исправлены длинные названия направлений, расположение количества услуг, переносы текста и цены.
Технологии: 1С-Битрикс, PHP, JavaScript, HTML5, CSS3, JSON, регулярные выражения, адаптивная вёрстка.

Результат - удобный поиск по прайс-листу, работающий по названию и медицинскому коду на компьютере и телефоне.