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

时间:2018-07-04 11:26:13

标签: jquery autosuggest

要求:-

用户输入-假设我有一个名为Customer_Data的表,并且它具有名为customer_idcustomer_name的列。

用户将开始输入表名,然后它会建议相关的表名,此后,如果用户愿意选择列,则应根据表名来建议列名。

例如。

1. Customer_Data.customer_name
2. Customer_Data.customer_id

谢谢。

1 个答案:

答案 0 :(得分:0)

请查看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 对象取决于您。