How to display dropdown options conditionally?

  • leonardonit82
    Asked on April 22, 2015 at 12:41 AM

    I would like to know how can I insert the conditional below:

     

    Example:

    Combobox1:

    brand vehicle:

    Option1: GMC

    Option2: Honda

    Option3: Toyota

     

    Combobox2:

    model of the vehicle:

    If I selection the Option2: Honda

    The option in combobox2 should be:

    Option1: Accord

    Option2: Civic

    Option3: FIT

    Option4: CR-V

     

    and, if I selection the Option3: Toyota

    The option in combobox2 should be:

    Option1: Camry

    Option2: Corolla

     

     Could you help me?

    Thank you.

  • Ashwin JotForm Support
    Replied on April 22, 2015 at 7:23 AM

    Hello leonardonit82,

    There are two options available to achieve your requirement:

    #1. You can add one new dropdown for every option and then add conditions to show / hide the respective dropdown box based on the selection of first dropdown. Please check the screenshot below on how to do this:

    How to display dropdown options conditionally? Image 1 Screenshot 20

     

    #2. Alternative option is to go ahead and add "Dynamic Dropdowns" widget in your form which will allow display nested dropdown fields.

    Please take a look at the following demo form where I have gone ahead and added both the options explained above :  http://form.jotformpro.com/form/51110945718958? 

    Feel free to clone the form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • leonardonit82
    Replied on April 23, 2015 at 7:44 PM

    That's great!

    Thank you!