How to show multiple fields based on the picked value from a dropdown?

  • Profile Image
    Asked on August 08, 2016 at 07:21 AM


    I am doing a form for customers to submit "work orders" to me. I have a few different types of work that can be ordered and depending on the chosen work I need different information from the client. Is there a way to have a dynamic form that changes (hides and shows specific fields or maybe hiding and showing different tabs) based on the value that the client picks in a drop-down list?


  • Profile Image
    Answered on August 08, 2016 at 07:44 AM

    You can do that by using conditions and Form Collapse field. To do that please follow:

    To do that please follow:

    1. Put Form collapse field right above the section that will be shown when you choose the first option from drop down, you can check this example in my form:

    So I put form collapse before those text fields. Also, I set for each Form Collapse to be hidden on my form:

    2. Then create conditions that will show each of the Form collapses based on a selection from the drop-down field:

    With that setup, when your user, for example, clicks on Option 1, Form collapse will show and everything inside of form collapse will show as well.

    That way you can show different parts of your form based on user selection from a drop-down.

    Here is my example form that you can check or clone:

    Also, you can see that I put one more Form collapse right above the Submit button, also hidden but with open state, so it will always show Submit button on your form:

    Hope it helps. 

    If you need any additional assistance, please let us know.

    Thank you!

  • Profile Image
    Answered on August 08, 2016 at 09:06 AM

    Excellent, got it working.

    Thanks for good service


  • Profile Image
    Answered on August 08, 2016 at 09:38 AM

    Hi Roger,

    On behalf of my colleague, you're most welcome. Feel free to contact us anytime. We will be glad to assist you.