如何使用 Jquery 实现自动建议/完成框？

【问题标题】：How can I implement auto suggest/complete box using Jquery?如何使用 Jquery 实现自动建议/完成框？
【发布时间】：2018-12-12 19:54:14
【问题描述】：

要求：-

用户输入 - 假设我有一个名为 Customer_Data 的表，它有名为 customer_id 和 customer_name 的列。

用户将开始输入表名，然后它应该建议相关的表名，然后如果用户愿意选择一个列，它应该建议基于表名的列名。

例如

1. Customer_Data.customer_name
2. Customer_Data.customer_id

提前致谢。

【问题讨论】：

【解决方案1】：

请查看https://jqueryui.com/autocomplete/ 和那里的代码示例（请注意，JQueryUI 要求您在<head> 中包含一些额外的 JS 和 CSS）。示例：

$("#yourInput").autocomplete({
  source: Object.values(Customer_Data)
  // assuming Customer_Data is an object existing in your code
});

顺便说一句。如果初始化后需要更新列表，可以再次调用.autocomplete({source: ...});进行更新。

如何构造 Customer_Data 对象取决于您。

【讨论】：