Home/ Questions/Q 8513795
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T04:40:54+00:00

I need help and tips on how to implement this feature. I have a

  • 0

I need help and tips on how to implement this feature.
I have a search box. A correct search query could be: Cars in Paris. {category} in {location}.

  1. When the user starts to type the first char a search hint appears for the categories.
  2. The user selects “Car parts” from the hint options.
  3. “[space-key]in[space-key]” are added to the searchbox automatically after the selection of an option.
  4. A new search hint appears for the locations. User chooses Paris.
  5. Do the search after selection the location.

Any tips on how to implement this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s what I’d suggest:

    1. Use jquery UI for auto suggest (very easy to implement, easy to customize to work for your specific situation) http://jqueryui.com/demos/autocomplete/. What I’d suggest is to have jQuery check whether the user is typing in a category or location (by seeing if the input is empty) and based on that, run a different autocomplete call.

    2. jQuery UI has an event called ‘select’. Use that to add the chosen item + in into the text field.

    3. Now, when the user types in something else, have jQuery recognize that it’s time for a location, and call jQuery UI autocompletion to suggest locations.

    • 0