Как показать список данных по форме Html

Question

Я делаю сайт интернет-магазина с корзиной покупок. Проблема заключается в заполнении города доставки.

Цель состоит в том, чтобы, когда пользователь хочет заполнить город отправки, он мгновенно отобразит город в списке (его трудно объяснить).

Вы можете попробовать его на http://www.brandedwatch.co.id

Перейти в корзину и попытаться заполнить «Кот Tujuan» (это означает, что отгрузки город). Когда вы вводите «jak», он автоматически отображает данные из MySQL, где имя похоже на «jak», например «jakarta».

Это как дать предложение или авто.

Answer 1

Вы хотите aut osuggest функциональность, так что вы можете принять помощь от этой статьи https://www.devbridge.com/sourcery/components/jquery-autocomplete/

Answer 2

Похоже, что вам требуется автоматическое предложение, когда пользователь вводит его требование.

SQL-запрос будет что-то быть похожим,

select * from cityTableName 
where cityNameField like 'usersInput%' 
limit 10 

Или

если вы хотите более подходящие и эффективные результаты, которые вы можете пойти с MATCH AGAINST

, чтобы узнать больше о MatchAgainst: визит https://dev.mysql.com/doc/refman/5.5/en/fulltext-search.html

Answer 3

Вы можете использовать это на предварительно заселена списке выбора https://select2.github.io/ Этот встроенный JQuery имеет функцию, которую вы ищете. Вы должны использовать AJAX для извлечения списков на нем.

Вот некоторые рабочие примеры: https://select2.github.io/examples.html