javascript - 1つの検索ボックスに2つの高度なオートコンプリートを実装するにはどうすればよいですか？

Question

この機能を実装する方法についてのヘルプとヒントが必要です。検索ボックスがあります。正しい検索クエリは次のようになります。パリの車。{場所}の{カテゴリ}。

1. ユーザーが最初の文字を入力し始めると、カテゴリの検索ヒントが表示されます。
2. ユーザーはヒントオプションから「自動車部品」を選択します。
3. 「[スペースキー]in[スペースキー]」は、オプションを選択すると自動的に検索ボックスに追加されます。
4. 場所の新しい検索ヒントが表示されます。ユーザーはパリを選択します。
5. 場所を選択してから検索してください。

これを実装する方法に関するヒントはありますか？

Answer 1

これが私が提案するものです：

1. 自動提案にはjqueryUIを使用します（実装が非常に簡単で、特定の状況に合わせてカスタマイズするのも簡単です）http://jqueryui.com/demos/autocomplete/。私が提案するのは、ユーザーがカテゴリまたは場所を入力しているかどうかをjQueryにチェックさせ（入力が空かどうかを確認することによって）、それに基づいて別のオートコンプリート呼び出しを実行することです。

2. jQueryUIには「select」というイベントがあります。これを使用して、選択したアイテム+をテキストフィールドに追加します。

3. これで、ユーザーが他の何かを入力したときに、jQueryに場所の時間であることを認識させ、jQueryUIオートコンプリートを呼び出して場所を提案します。