Display Multiple Selection Widget Based on Product List Selection.

I am working on the form where I want to display multiple selection widget fields based on the selection of a product list item. The multiple options field should only be visible if I select any product item from the list. The product list I am using is included under the payment widget (find the screenshot)

Kindly assist.

Hi Gaurang,

Thanks for reaching out to Jotform Support. If you are trying to display the options on the Multiple Selection widget based on the selected item in the Product List, that is no possible. But if you added multiple Multiple Selection widget and trying to show them based on the selected item in the Product List, here's how to it:

1. In Form Builder, in the orange navigation bar at the top of the screen, click on Settings.
2. Click on Conditions on the left side of the screen.
3. Select Show/Hide Field.
   
4. Set a condition like what you see in the screenshot below, then click on Save.
   

Here's a screencast of the expected behavior of the form:

Reach out again if there’s anything else we can help you with.

Hi Chris,

Thank you for getting back to me so quickly.

However, I tried the steps that you advised but I do not want to display multiple options fields on any specific product items instead, I want to display the selection on any product item.

I tried the option of "If the product list is filled" & then in the do section I selected the multiple option fields but it seems that logic is not working. I can still see the field even if any product item is not selected.

Hi Gaurang,

I didn’t fully understand the issue. In the screenshot you shared earlier, I'm seeing three categories. Can you share more information about multiple option fields you are referring to? Can you send me the link to your form so I can take a look at it for you? You can easily find your form's URL in Form Builder. Let me show you how:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the Quick Share tab, click on Copy Link in the Share With Link section.

Once you share the form URL with us, we’ll be able to help you better with this.

Hi Chris,

In the above screenshot, there are 3 categories which then have multiple sub-categories in below screenshot.

In the above screenshot, the arrows indicate the sub-categories that I want to select from. On either of the selections, I want to display the multiple options field in the below screenshot.

https://form.jotform.com/KIC_UnivAssist/univassist-registration-spring-2025

Hi Gaurang,

I understand what you’d like to do, I’ll just need a bit of time to check on this. I’ll get back to you as soon as possible.

Thanks for your patience, we appreciate it.

Hi Gaurang,

From what I understand, you want to display the Multiple Selection widget only when one or both fields in the screenshot under the 'Fall Full Tour' category are selected. When creating a condition, select the state 'Is Equal To', and on the value, target the specific product option.

The screenshot below shows the exact condition that I used on the clone of your form. If you notice, I've added additional text 'Fall Full Tour' to distinguish which specific product options that's within the Fall Full Tour category.

Additionally, the field named Select WebiFairs options from below is shown by default. Set it as hidden to show only when these specific product options are selected. To do that, right-click on it and then select Hide from the options. Check this screencast:

Open this link to test my demo form. You can clone it as well to see the conditions that were applied. You can find the guide on how to clone a form here.

Keep us updated and let us know if you need any more help.

Hi Lesther,

If you have cloned my form, you might see that I have multiple fields in the fall tour category. So you suggest creating the conditions for all the categories.

Hi Gaurang,

You are correct. You will need to create multiple conditions if you'd like to show the multiple field on a different condition.

Let us know if you need any more help.

You can achieve this by adding conditional logic to your form. Most form builders or custom implementations allow you to show or hide fields based on user input. Since your product list is inside the payment widget, you might need to use JavaScript (if it's a custom form) or built-in logic settings (if using a form builder) to detect when a product is selected and then display the multiple selection widget accordingly.

If you're working with JavaScript, you can use an event listener to check when a product is selected and then toggle the visibility of the multiple options field. Let me know which platform or tool you're using so I can provide more specific guidance!

Hi Chris / Lesther,

The solution that you provided worked for me. Thank You for your assistance.

Hi Gaurang,

To avoid confusion, I moved your other question to a new thread and helped you with that here.

Reach out again if you need any other help.