How to create a Multi-select with short text when selected?

  • a3bs
    Asked on April 8, 2025 at 4:57 PM

    Hi,

    I am about to launch this digital order form tomorrow https://form.jotform.com/a3bs/3b-scientific-digital-order-form

    On page 12, there are lists of additional items they can add (as a multi-select) and if they select some of them, they need to specify a location or another piece of information (using short text). I have included a screenshot of 1 section. How can I add the short text requirement next to the multi-select option they pick to have them specify the information we need (via short text) for that item they selected?

    I also have Jotform Support Access enabled for the form so you can login to it if you need to.


    Thanks for your help!How to create a Multi select with short text when selected? Image 1 Screenshot 20

    Jotform Thread 26014121 Screenshot
  • Jerlan JotForm Support
    Replied on April 9, 2025 at 12:58 AM

    Hi Nicole,

    Thanks for reaching out to Jotform Support. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

  • Jerlan JotForm Support
    Replied on April 9, 2025 at 1:41 AM

    Hi Nicole,

    To achieve what you want to do you need to Add Short Text Fields for each option in your multi-select list and Use Conditional Logic. Let me walk you through:

     1. In Form Builder, click on the Add Element menu on the left side of the page.

    2. Under the Basic tab, scroll down the list and choose the Short Text field.

    How to create a Multi select with short text when selected? Image 1 Screenshot 60 3. Click on the Gear icon on the right side of the field to open Properties.

    4. Edit the field label based on the selection.

    5. Click on Advanced and toggle on the Hide field to turn on.

    How to create a Multi select with short text when selected? Image 2 Screenshot 71 You need to redo the steps for every option that requires the form filler to specify a location.

    Now, let me walk you through how to create a condition:

    1. In Form Builder, in the orange navigation bar at the top of the page, click on Settings.

    2. Click on Conditions in the menu on the left side of the page.

    3. Under Condition, click on Add New condition and select Show/hide field.

    How to create a Multi select with short text when selected? Image 3 Screenshot 82 4. Set up the condition as shown in the screenshot below and click on Save at the bottom of the page.

    How to create a Multi select with short text when selected? Image 4 Screenshot 93You need to create a condition for each selection to show the hidden short text.

    Check out the screencast below to see my results:

    How to create a Multi select with short text when selected? Image 5 Screenshot 104 Give it a try and let us know if you need any help.

Your Answer