How to show different form based on selection from dropdown

  • Profile Image
    shahidnextg
    Asked on August 11, 2015 at 03:25 PM

    I have jotform which i have been using without any problem, now on the existing form i added a select dropdown and want to display a particular form below based on selection, but when i select the option from list the form is not displaying and im using jquery to show hide the form. If i use this in a separate html file jquery works and displays the form based on selection

  • Profile Image
    Jeanette
    Answered on August 11, 2015 at 06:01 PM

    I think you want to show a field or certain group of fields upon selecting an option above, if that is the case, simply use conditional logics. Please read these guides for more help.

    https://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic

    https://www.jotform.com/help/316-How-to-show-or-hide-a-field-in-the-form-based-on-the-other-field-input-or-selection

    http://www.jotform.com/help/196-Hide-or-Show-Multiple-Fields-at-Once

     

  • Profile Image
    shahidnextg
    Answered on August 11, 2015 at 07:18 PM

    Thanks for the update Jean, I was exploring the option of displaying custom html in a div based on selection rather than using the conditional logic since it was not suiting my requirement. But for some reason when i select a option my custom div does not show up, though its actually there but display set to none and with jquery i was trying to show / hide the div.

    This is a new form i created in jot form http://form.jotform.us/form/52226751783156

    All fields in First Guarantor I need to have them again in 2,3 & 4 guarantors. So do i need to create all duplicate fields for every Guarantor.

  • Profile Image
    Jeanette
    Answered on August 11, 2015 at 11:39 PM

    Looks like you are using the full source code and modifying the HTML code. Instead, please explain in details (with graphic if possible) what the scenario would be.

  • Profile Image
    shahidnextg
    Answered on August 12, 2015 at 06:29 PM

    The scenario is like this 1. Cust will select from a drop down the type of form and i will display that form. Say based on selection  from guaranty type i will display the form below(image1). based on second selection i would like to display another form which shows in image 2. This scenario is we use four guarantees per application and customer has the option to chose guaranty type as business or personal but it needs to be four. So I have to use for 2,3,4 guarantor as well, so instead of creating more forms for 2,3  & 4 guarantors i wanted to use same forms using jquery, which is not working.  (Fyi...Second form starts from legal business name).

     

     

     

  • Profile Image
    Kiran
    Answered on August 13, 2015 at 12:08 AM

    Since the data will be different for each guarantor, it is required to have separate fields for each of them. It may be possible to have separate JotForms for entering guarantor information. However, merging of applicant data and guarantor information could be an issue. As per your requirement, I see that it is easy to have conditions to show/hide these fields and to manage the received data from the applicant which is already done on your JotForm.

  • Profile Image
    shahidnextg
    Answered on August 13, 2015 at 04:40 PM

    Okay I got it thank you.

  • Profile Image
    ada 
    Answered on December 20, 2016 at 04:10 AM

    thanks