How to Implement Cascading Choices in Cognito Forms!

Nadia A. By Nadia A. | November 19, 2015
Quick Tip

In addition to the method described below, you can use our Lookup field feature to create quick cascading dropdowns on your forms.

With Cognito Forms’ powerful repeating sections feature, creating a payment form with multiple products is a piece of cake. But when your form has dozens upon dozens of different options, it can become tedious for your customers to browse through all of them. Using a little conditional logic, however, you can create sets of cascading choices that keep your form looking clean and clutter-free!

Creating cascading choices

First, we need to organize our products into different groups. In this case, we’re going to create an order form for a wine tasting. Here’s a listing of all our wines, differentiated by winery:

A repeating section with a list of product options and prices.

This list looks pretty bulky, and it’s only going to get more and more confusing to look at as our customers add more wine to their order. To simplify it a bit, we’re going to insert a Choice field with just each individual winery listed instead.

A choice field with three different options.

Then, with some conditional logic, we’re going to only show each group of wines when a customer selects a winery. So, starting with a Choice field that lists of all the wines, find the “Show this Field” option in the field settings box and select “When”. After the conditional logic builder pops up, we want to configure the Choice field so that it’s only visible when the customer chooses Absolute Wines.

The conditional logic builder, which can show and hide fields under specified conditions.

You can then use the exact same method with two other Choice fields for Beautiful Blushes and Champion Toasts:

A Choice field that will conditionally appear when another field is selected.

A Choice field that will conditionally appear when another field is selected.

Now, the list of wines will only appear after the customer selects each winery. This makes it a lot easier for the customer to quickly choose the winery they have in mind, and gives the form more of an intuitive flow. On your own form, you can continue with this same process to create several deeper levels of choices with more specific categories.

Conditional logic can make a field appear when specified conditions becomes true.

To see more of how cascading choices work for yourself, you can check out our wine tasting form template!

If you have any specific questions regarding cascading choices, feel free to contact us. If you’re new to Cognito Forms, get started building powerful, responsive forms for free today!

Nadia A.

Nadia A.

Nadia, the Technical Writer for Cognito Forms, develops documentation, support content, and how-to videos. No matter your experience – with her help, you'll be able to take full advantage of the product. In her spare time, Nadia enjoys listening to French house, drinking coffee, and talking about herself in third person.