Forums

Conditional dropdown with multiple fields (hidden parents)

angiebecker 19 Oct, 2016
Problem: I need to create a dropdown with 12 options (different car-models) where after the selection appears another set of different dropdowns (each ca. 5-10 additional accessoires).
I know the demo-event-field-form but for 12 options and a lot of conditions it is to complex to do it in the event-section.

Question: Is there a posibility to do something like:
if dropdown-option (1) then parent show (dropdow 3, dropdow 5,dropdow 7), elseif dropdown-option (2) then parent show (dropdow 4, dropdow 5,dropdow 8) elseif ... (12 cases with different sets of fields)?

Thanks for you help!
GreyHead 19 Oct, 2016
Hi angiebecker,

There are various ways to do this - and you are right, you probably don't want to try using the DropDown events, you get too many events.

The simplest, and possibly the best, is to use a multi-page form (or possibly several linked forms). Put your first drop-down in the first form, then wane that is submitted show a new form (or form page) with the appropriate set of 'second' inputs. You can use an Event Switcher to load the correct form.

You can also do it in a single form using Containers to hold each set of drop-downs with the Initial View set to hidden, then use JavaScript to show/hide the containers and their contents when the main drop-down changes.

Bob
angiebecker 22 Oct, 2016
Hello Bob

Thank you very much for the support! I will try it...

Regards Angie
GreyHead 22 Oct, 2016
Hi Angie,

You can test these with very simple forms - with maybe just one or two inputs - to see that the method works before you build the full versions.

Bob
This topic is locked and no more replies can be posted.