How do I create a filter for my collection list based on a dropdown menu?

Design help General
1

This is the the design I was given to replicate:

Screen Shot 2020-04-23 at 11.39.26 AM
Screen Shot 2020-04-23 at 11.39.26 AM2134×940 112 KB

I am having a hard time coming up an elegant solution for this problem. I need to display the jobs in the proper categories(This part is easy).

What I dont know how to do is create a separate select tag that allows for the user to filter/hide items that aren’t in said location.

How can I make a collection list filter based on a dropdown value?

Screen Shot 2020-04-23 at 11.49.59 AM
Screen Shot 2020-04-23 at 11.49.59 AM2652×988 178 KB

Does anyone have any experience with this?

2

I’ve only managed to filter or sort ‘Collection List Items’ using the below methods so far.
How to add dynamic filtering and sorting to your Webflow websites | Webflow Blog I’d rather filter using a dropdown so if you resolve this please let me know.

Also, a couple of days ago Webflow released the ability to nest Collection Lists within themselves which should allow for better/more filtering options but i’ve not tried this yet .

https://webflow.com/blog/nested-collection-lists-are-here?utm_source=wishlist&utm_medium=in-app-update&utm_campaign=nested-collections

3

Here’s a tutorial video for anyone else who comes across this issue:
takes a little bit of javascript, but the video creator walks you through it pretty well :slight_smile: