Как сделать input с выпадающими подсказками на чистом JavaScript?

Question

[Vladislav]

Как сделать input с выпадающими подсказками на чистом JavaScript? знаю есть плагины, но они на Jquery все, есть ли какой то на чистом JS ну или как получать подсказки, типа список городов, товаров, все это же не будет храниться в разметке, а подтягиваться с сервака естественно, то есть может одного скрипта достаточно, а не надо плагина, если скрипта то какого?

Answer 1

[Вадим]

https://github.com/TarekRaafat/autoComplete.js

Если не хотите подключать сторонее решение, то Вам нужно:
• 2 компонента - инпут и дропдаун, в который будет выводиться информация.
• По событию ввода в инпут, лучше с какой-то задержкой(Гуглится по debounce) слать запросы на сервер.
• по факту ответа рисовать в дропдаун варианты.

Comments

[Vladislav]

Вадим я так понимаю если вариант без сторонних решений, то список городов или товаров будут подгружаться по API и отрисовываться в дропдауне под инпутом?

[Вадим]

Vladislav, у сторонних решений так же, если Вы именно нацелены на асинхронную подгрузку по мере ввода.

[Vladislav]

Вадим, спасибо)

Answer 2

[Алексей Ярков]

Смотрим и вдохновляемся

Answer 3

[Stalker_RED]

Как-то так.