@KitCat12

Как добавить предлагаемые варианты при вводе в input?

Есть такой input
<input type="text" class="test_text" placeholder="Test" autofocus/>

И есть допустим такой вот список
['123', '456', '789']

Как сделать, чтобы при вводе текста в input, если есть совпадение с значением из списка, то выводилась подсказка, на которую можно нажать и она подставляла бы значение в input автоматически.

Как допустим здесь
60c301f61416c770622025.png
  • Вопрос задан
  • 3735 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега JavaScript
Верставший фронтендер
В простом виде - htmlbook.ru/html/datalist
А вообще такие вещи, как правило, реализуются так: делают ajax запрос по мере ввода с некоторым debounce эффектом, и отрисовывают кастомные автокомплиты.
Например вот: autocomplete-js.com
Или вот https://tarekraafat.github.io/autoComplete.js/#/
Или вот https://github.com/algolia/autocomplete
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы