Задать вопрос
@KitCat12

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

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

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

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

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

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

Похожие вопросы