Create a form that allow users to make multiple selection and calculate the total.

I am trying to create an entry form for a horse show. The form will have the name of the entrant (rider) and the option to enter multiple horses that they may be competing on.

For each horse, I need a dropdown list of ALL show classes that are available. Each dropdown item will have a price.

Ex: RIDER will be competing on HORSE1 and HORSE2. HORSE1 will compete in Class1 ($50 entry fee) and in Class2 ($25 entry fee). HORSE2 will compete in Class 1 ($50 entry fee) and Class5 ($10 entry fee). Total fees due = $135

I would like to have the ability for RIDER to enter up to 10 different horses (by name).

Upon entering horses and making all class selections, I need a cumulative total to be paid.

Is this a possibility? How?

Hi Bronson,

Thanks for reaching out to Jotform Support. I'm an AI assistant. I'll do my best to help you until someone from the support team is available.

Yes, you can create a purchase form for your horse show with the features you described. Here's how to do it:

1. Add a Product List field in Form Builder for the horses.
2. Set up each horse as a product with a dropdown list of all show classes as product options, each with its own price.
3. Enable quantity selectors or sub-products to allow the rider to enter up to 10 horses.
4. Use special pricing per option to assign prices to each class selection.
5. Enable calculation values so the form automatically totals the fees for all horses and classes selected.

This setup will let riders enter multiple horses, select classes with prices, and see a cumulative total to pay.

Give it a try and let us know how it goes.

Best regards,
Jotform Support

Hi Bronson,

To meet your requirements, you will need to use basic fields like a Dropdown, and Multiple Choice elements for the options, then use a Form Calculation widget to calculate the total. You will also need to set the payment type to User Defined Amount and lastly set conditions using Show/Hide Field element to only show fields depending on the user's selection. Let me show you a sample set up:

1. In Form Builder, click on the Add Element button on and add a Dropdown element to the form.

2. Click on the Gear Icon, then go to Options Tab, and add the number of horses options.

3. Click on the Add Element button again, and add Multiple Choice element.

4. Then, click on the Gear Icon, go to the Options Tab, and add each class type.

5. Enable the Calculation Values option, then add the price for each class type.

6. Go to General Tab, then click on the Duplicate button 10 times to represent the number of horses.

7. Click on the Add Element button, then go to Widgets Tab.

8. Search for Form Calculation widget and add it to the form.

9. Click on the Wand Icon, then click on the Add Field option.

10. Add all the Multiple Choice fields, then once done, click on the Save button below.

11. Click on the Add Element button again, then go to Payments Tab.

12. Select the Payment gateway you want to use, for my demo I will use Stripe.

13. Set the Payment Type to User Defined Amount option, then click on the X button above the modal.

14. Then click on the Icon below the Card Icon, and on the Get Price From option, select the Form Calculation field.

15. Go to Settings Tab at the top, then click on the Conditions Tab on the left side.

16. Select Show/Hide Field element from the options.

17. Set similar conditions to show the Multiple Choice fields base on how many horses they selected.

Check out the screencast below to see how it works:

You can test my demo form and Clone it to see how I set up the fields and the conditions.

Give it a try and reach out again if you have any other questions.

Is there a way to allow customer to physically enter the name of each horse?

Hi Bronson,

Unfortunately, there is no form element or widget that will allow you to enter a name manually, have the Calculation Values option, and works with Update/Calculate Field condition or Form Calculation widget.

Let us know if you have any other questions.

Kris Ann,

Prior to receiving your response, I was able to create my form in a different way than you suggested. I have the same question for my form as I do for yours. Is there a way for customer to enter the actual horse name so that it appears in place of "horse 1", "horse 2" etc?

I am up to letting a support agent take a look at what I created

Hi Bronson,

Unfortunately, there is no direct form element or widget that supports manual name entry with calculation values that can work seamlessly with the Update/Calculate Field condition or Form Calculation widget. This means you cannot dynamically replace the default field labels with user entered names.

Can you share your form URL, so we can look into this further? 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.

https://pci.jotform.com/form/252313681380150

Hi Bronson,

To ensure that the rider can enter the name of each horse instead of using generic labels like Horse 1 or Horse 2, you can utilize Short Text fields for the horse names. Additionally, you can pair these with Multiple Choice fields that have calculation values representing the class prices.

Before suggesting a setup, can you clarify if you want horse names in the submission data as well as the payment summary? Should the form allow dynamic addition of horse/class rows when the rider clicks Add Horse, or is a maximum of 10 horses acceptable?

Once you get back to us, we can take the next step toward solving this.