I have a test page where you can see three independent filters working together using isotope to filter some test posts.
Working example with buttons: hidden link
I managed to get the above working by following examples at hidden link
I want to re-create this with select lists instead of the rows of buttons, but it's not working.
When you select any option from one of the drop down lists, everything disappears
Broken page with select lists: hidden link
I've tinkered with the JS for several hours and cannot figure it out. I'd be very grateful for some assistance.
Thanks, I followed that and it will work fine if you just have ONE select group.
I got it working here: hidden link
BUT - In my test example I have 3 select groups, and I need it to behave as though there were an AND condition between all three select groups.
My other example, with the buttons, does work correctly to take into account the choices within all 3 sets of buttons. (Button version: hidden link )
I just need to figure out how to do the same with the drop down lists instead of the buttons!
I've followed all of the examples and some code you provided to someone else in another thread. This was very helpful in getting the buttons version to work, but for some reason I cannot achieve the same thing with the drop down lists and it would be amazing if you're able to help me solve this.