Как сделать Input autocomplete с выпадающим списком популярных запросов?

Question

[AlShest]

Здравствуйте.
Нужно реализовать input autocomplete, чтобы при нажатии и ДО начала ввода выпадал список с популярными вариантами. Т.е. есть два списка и один из них нужно показывать перед тем, когда пользователь начнет вводить свой вариант.
Как лучше это реализовать, какой плагин выбрать?

Answer 1

[Alex]

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Comments

[AlShest]

Не подойдет, есть второй список для autocomplete, который уже подтягивается с сервера. Он должен активироваться, когда пользователь начнет вводить.

[Арсений Матыцин]

AlShest, перегенерируй по факту появления ответа от сервера. Второй список не нужен.

Если же знаний не хватает, то с атрибутами-то сможешь справиться, чтобы перенаправлять (При наличии двух списков)?

[AlShest]

Арсений Матыцин, с атрибутами то справлюсь. Просто я хз, как на беке там. Я так понял, что там есть действительно два списка. Есть топ вариантов по умолчанию - это список показан пока поле пустое.
После набора первого же символа - должен выполняться запрос и показываться в автоподстановке.

[Арсений Матыцин]

AlShest, да на самом деле без разницы, как на бэке там. На фронте ты можешь принять значения массивом и рисовать его + заменять значения по факту загрузки. Автоподбор из datalist все сделает дальше сам.

Конечно, если что-то чуть более сложное, скажем много уровневые списки, то тут без поллитра не обойтись. Тем не менее ответ вон он сверху. Ткни решением и попробуй реализовать в проекте. Пока не попробуешь, точно не поймешь, стыкуется или нет.