如何在Html表单上显示数据列表

Question

我正在建立一个有购物车的在线商店网站。问题在于填补货运城市。

目标是，当用户想要填写发货城市时，它会立即显示列表中的城市（很难解释）。

您可以在http://www.brandedwatch.co.id

尝试

转到购物车，尝试填写“哥打土娟”＃34; （这意味着装运城市）。当您输入＆＃34; jak＆＃34;时，它会自动显示来自MySQL的数据，其名称类似于＆＃34; jak＆＃34;，例如＆＃34; jakarta＆＃34;。

就像提出建议或自动完成一样。

Answer 1

当用户输入他的要求时，听起来你需要自动建议。

Sql Query就像是，

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 2

您需要自动提示功能，因此您可以从本文https://www.devbridge.com/sourcery/components/jquery-autocomplete/

中获取帮助

Answer 3

您可以在预先填充的选择列表中使用此选项 https://select2.github.io/这个内置的jQuery具有您正在寻找的功能。你必须使用AJAX来获取它上面的列表。

以下是一些工作示例： https://select2.github.io/examples.html