如何根据数据源有条件地自动完成javascript中的文本字段？

Question

我希望能够基于在查询中键入的文本执行“条件自动填充”。 例如：

用户可以：

键入“ f”，然后为所有字段名称“ field_name”，“ field_age”提取建议名称作为建议。

如果用户然后键入或选择“ field_name”，然后在框中键入“ =”，则将要求“ field_name”具有唯一的特定数据列表，例如[Albert，Bob，Clarisse]。

如果用户随后键入“”（空格），则将远程拉入或访问选项[“ AND”，“ OR”，“ ==”，“！=”。 一旦用户选择或键入“ ==”，然后根据到目前为止的当前字符串“ field_name ==''”，将使用列表[Albert，Bob，Clarisse]。

如果用户改为键入field_age ...，则将专门针对年龄[7,3,6]的列表或json对象发出请求，然后将其弹出。 在搜索框中输入的示例为：

field_name ='Albert'AND field_age ='7'

我已经看到了一个typeahead.js库，但它似乎只是提取所有要自动完成的数据，而不是“按需提供数据”（在这种情况下，名称和年龄。原因是名称可能是巨大的，有很多名称，但我不想让客户端下载每个可用字段的所有值，因为这将是一个很大的下载）。

做这个的最好方式是什么？ typeahead.js是否更好地支持此库或某些替代库？

Answer 1

我的建议是使用两个盒子，这对我来说似乎是最合乎逻辑的方法。 第一个按名称缩小范围，第二个按年龄或其他字段缩小范围。 这样，您就可以执行AND / OR SQL语句。 当然，您也可以限制从服务器发送回的响应数量，因为您是正确的，回送上千个自动完成没有什么用。 至于哪个库，此时您应该可以使用所需的任何自动完成库，其中可能有几十个。 jQuery UI，dojo或我最喜欢的Select2。

当然，您也可以编写自己的方法来利用单个文本框，而不是两个。 在这种情况下，我建议在服务器端而不是客户端上执行此操作。 我不知道任何可以在客户端或服务器端自动执行此操作的库。

Answer 2

dijit / form / ComboBox不能在这里提供您想要的东西吗？

您的问题有很多类似的答案张贴在这里-浏览它们...