[Resolved] Show/Hide taxonomy radio buttons based on dropdown selection

[Author]

Posts

[Paul Marconi]

I am planning to use the Toolset View to create a parametric search with filters, but I am not sure if this is possible?

For our 'Projects' Post Type, we have 2 custom taxonomies: 'Project Type' and 'Industry'
We want to use those custom taxonomies for our parametric search ( as radio buttons).

We don't want to load both sets of taxonomy terms at the same time, so we will have a select dropdown field with 2 options:
-Project Type, and
- Industry

If 'Project Type' is selected from the select dropdown, it will load the 'Project Type' terms (radio buttons).
If we select 'Industry' from the select dropdown, it will load the 'Industry' terms (radio buttons). Also, the 'Project Type' terms will be hidden, and it will select back to the default 'Project Type' term.

Something like my mockup attached.

Is there a way to select back to the default radio button if we toggle between 'Project Type' and 'Industry'?

Thank you!

[Minesh]

Hello. Thank you for contacting the Toolset support.

There is no native way of doing there but its possible by adding the custom JS code.

You will have to add both taxonomies in your search filter and by default you can wrap one taxonomy that you do not want to display with div having custom CSS added display:none; so that taxonomy will not display by default.

Then, you can add the change event for you dropdown from where user select the type of the taxonomy and based on the selection you can show/hide your desired taxonomy. I hope this makes sense.