Combine search bar filter with dropdown menu?

Ask us anything How do I?
1

Is there a way to combine the search bar with a dropdown menu so users can:

  • Use the search bar to filter the results in real time
  • Use the dropdown menu to select a specific item

image
image1213Ɨ897 116 KB

2

Yes, there definitely is :slight_smile: You can filter the collection directly on your backend and then feed the data from it to both the select and your display of your properties - Residences.
I think in xano you can do that as well, but what Iā€™d do in Supabase would be,

  1. Set up a collection
  2. Go to Filter ā†’ Add filters, that if null, will be ignored, in your case it would be something like this:

Screenshot 2023-08-31 at 18.38.40
Screenshot 2023-08-31 at 18.38.401920Ɨ1247 126 KB

  1. On change, coupled with debounce, Iā€™d trigger a collection update, in my case of the employees collection.
  2. Bind the results to both select and display of your properties
1 Like