Отображение элементов соответствующих поиску?

Question

[shinoaq]

Есть php страница на которой контент генерируется переборкой в цикле и выводит ~1500 элементов (представим, что это названия город), какие есть способы через поиск(инпут) в начале страницы отображать лишь подходящие элементы?
1. Страница загружает все элементы
2. Пользователь вводит символ и на странице остаются лишь элементы содержащие данный символ
3. Вводит слово и остается лишь элемент содержащий данное слово?
(надеюсь доходчиво объяснил)
Необходимо, чтоб это всё выполнялось в рантайме по мере ввода в инпут

Если я правильно понимаю, то надо получать html вариант страницы, внутри элементов искать нужный и тем, что отсеились присваивать значение display; none; Не уверен, что мыслю правильно

Comments

[Дмитрий]

Необходимо, чтоб это всё выполнялось в рантайме по мере ввода в инпут

Ну так делайте, проблема то в чём?

[shinoaq]

Дмитрий, если бы знал как, то не задавал бы вопрос

[Дмитрий]

shinoaq, это не вопрос, а задание. В google куча примеров.

[shinoaq]

Дмитрий, можно линк? Сколько искал, но найти реализаций поиска в рантайме не смог

[Дима]

shinoaq, первая ссылка в гугле

Answer 1

[Alex]

1. Повесить обработчик события input на ваше поле
   
2. По этому событию получить текст введённый в поле
   
3. Затем, выбрать все элементы с городами
   
4. В цикле перебрать их
   
5. "Переключать" видимость элементов можно примерно так: element.hidden = !cityName.includes(inputValue)