What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by rogero on August 08, 2016 at 07:21 AM

    Hi,

    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?

    Roger

    Page URL:
    https://form.jotformeu.com/62202508494352

    dropdown list in a the form
  • Profile Image
    JotForm Support

    Answered by Nik_C 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: https://form.jotform.com/62202513615949

    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 by rogero on August 08, 2016 at 09:06 AM

    Excellent, got it working.

    Thanks for good service

    Roger

  • Profile Image
    JotForm Support

    Answered by beril 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.