如何为一个搜索框实现两个高级自动完成？

Question

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

1. 当用户开始输入第一个字符时，会显示类别的搜索提示。
2. 用户选择＆＃34;汽车零件＆＃34;来自提示选项。
3. ＆＃34;在[空键]＆＃34 [空格键]。选择选项后会自动添加到搜索框中。
4. 针对这些位置显示新的搜索提示。用户选择巴黎。
5. 选择位置后进行搜索。

有关如何实现此功能的任何提示？

Answer 1

以下是我的建议：

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

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

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