Showing multiple fields using Conditions

  • clockert
    Asked on June 30, 2016 at 8:59 AM

    I want my user to define (probably in a drop down) how many items they are looking at in a warehouse.

     

    If they are looking at 1 item, they would choose "1" and then 1 new field would pop up for them to put a serial number into.

     

    If they are looking at 2 items, they would choose "2" and 2 fields would pop up with serial numbers.

     

    The number of items they are looking at should never exceed 4.

     

    Thank you.

  • John_Benson
    Replied on June 30, 2016 at 10:27 AM

    This is possible with the use of the Show/Hide field conditions. Please check this demo form: https://form.jotform.com/61814039219960

    Here's a guide on how I created the demo form:

    1. In your Form Builder, create 1 Drop Down field and 4 Text Boxes field as shown below.

    Showing multiple fields using Conditions Image 1 Screenshot 90

    2. Open the Conditions wizard.

    Showing multiple fields using Conditions Image 2 Screenshot 101

    3. In the Conditions wizard, select the Show/Hide Field.

    Showing multiple fields using Conditions Image 3 Screenshot 112

    4. Create a condition wherein IF the value of the drop down field is equal to 1, then only 1 serial no. field will show.

    Showing multiple fields using Conditions Image 4 Screenshot 123

    5. Create another condition by clicking the New Condition button.

    Showing multiple fields using Conditions Image 5 Screenshot 134

    6. In the next condition, you need to show 2 fields if the drop down field is equal to 2. Choose Show Multiple Field in the DO drop down. After that, highlight 2 serial no. fields. You can do that by holding the Shift key and the clicking the other item.

    Showing multiple fields using Conditions Image 6 Screenshot 145

    7. Create 2 more conditions with the same settings but different value. If the drop down field is equal to 3, show 3 serial no. fields. Just do the same thing in the 4th condition.

    Showing multiple fields using Conditions Image 7 Screenshot 156

    8. This is the final screenshot of the conditions I created.

    Showing multiple fields using Conditions Image 8 Screenshot 167

    9. Save your form when you're done.

     

    Hope that helps. Let us know if you need any further assistance. Thank you!