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

Question

我需要关于如何实现这个功能的帮助和提示。我有一个搜索框。一个正确的搜索问题可能是:巴黎的汽车。{类别}在{位置}。

1. 当用户开始键入第一个字符时，将为类别显示一个搜索提示。
2. 用户从提示选项中选择“汽车部件”。
3. 选择选项后，"space-keyinspace-key“将自动添加到搜索框中。
4. 将出现一个新的搜索提示。用户选择巴黎。
5. 选择位置后执行搜索。

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

Answer 1

以下是我的建议：

1. 使用jquery进行自动建议(非常容易实现，很容易定制以适合您的特定情况) http://jqueryui.com/demos/autocomplete/。我建议的是让jQuery检查用户是否正在输入某个类别或位置(通过查看输入是否为空)，并在此基础上运行不同的自动完成调用。
2. jQuery UI有一个名为“select”的事件。使用它将选定的项+添加到文本字段中。
3. 现在，当用户键入其他内容时，让jQuery认识到是时候定位了，然后调用jQuery UI自动完成来建议位置。