How to show / hide image field based on a selected dropdown choice

  • hughdal
    Asked on June 18, 2015 at 2:33 PM

    Can I display a certain image based on a certain selection in a dropdown? Thanks

  • Ben
    Replied on June 18, 2015 at 4:07 PM

    To do that you would need to:

    1. add the images to your jotform

    - for this we use the Image field from Form Tools

    How to show / hide image field based on a selected dropdown choice Image 1 Screenshot 50

    Once you add all of the images that should be shown or hidden, you go onto setting up the conditions as shown here: How to show or hide a field in the form based on the other field input or selection

    So basically the image field is treated as any other field on your form.

    So we have the dropdown with our options added and we go to conditions

    How to show / hide image field based on a selected dropdown choice Image 2 Screenshot 61

    select Show / Hide a form field option

    How to show / hide image field based on a selected dropdown choice Image 3 Screenshot 72

    and click on Next.

    Now we set up the conditions to show us the fields that we want - when we want them.

    How to show / hide image field based on a selected dropdown choice Image 4 Screenshot 83

    You can see this in action here: http://form.jotformpro.com/form/51685102878967 and you can clone that form to your own account if you wish by following the steps here: How to Clone an Existing Form from a URL