如何为一个搜索框实现两个高级自动补全

How to implement two advanced autocompletes for one search box?

本文关键字：高级自 两个 实现 搜索 一个      更新时间：2023-09-26

我需要关于如何实现此功能的帮助和提示。我有一个搜索框。正确的搜索查询可能是：巴黎的汽车。｛location｝中的｛category｝。

  1. 当用户开始键入第一个字符时，将显示类别的搜索提示
  2. 用户从提示选项中选择"汽车零件"
  3. 选择一个选项后，"[space key]"中的"[space key]"会自动添加到搜索框中
  4. 将显示一个新的位置搜索提示。用户选择巴黎
  5. 选择位置后进行搜索

关于如何实现这一点，有什么建议吗？

以下是我的建议：

  1. 使用jquery UI进行自动建议（非常易于实现，易于自定义以适合您的特定情况）http://jqueryui.com/demos/autocomplete/.我建议让jQuery检查用户是否在输入类别或位置（通过查看输入是否为空），并在此基础上运行不同的自动完成调用。

  2. jQuery UI有一个名为"select"的事件。使用它可以将所选项目+in添加到文本字段中。

  3. 现在，当用户输入其他内容时，让jQuery识别到是时候输入位置了，并调用jQueryUI自动完成来建议位置。

相关文章：