Easy Tech Tuts
Jotform

How to Add Dynamic Dropdown to Jotform Easily 2026

By Impran M NLast checked against official docs

A single flat dropdown falls apart the moment your options have sub-categories: country, then state, then city, or product type, then specific model. Jotform's Dynamic Dropdowns widget fixes that by letting a second or third dropdown update automatically based on whatever the user picked first.

It's a widget, not a built-in field, so it lives in a different part of the builder than the standard dropdown, and the whole setup hinges on how you indent your list of values. This guide covers finding the widget, wiring up nested choices with Jotform's own syntax rules, and confirming the cascade works before you publish.

01Open the form you want to edit

From My Workspace, every form you have built appears as a row with its submission count and the date it was last edited. If you are starting fresh, click Create in the top left instead. Either way, open the specific form so you land in the actual Form Builder, since the Dynamic Dropdowns widget only installs from inside a form's build view, not from the workspace list.

My Workspace, showing existing forms with their submission counts. Opening one of these is what drops you into the builder.
My Workspace, showing existing forms with their submission counts. Opening one of these is what drops you into the builder.

02Get into the Form Builder canvas

Once you are inside a form, you land on the BUILD tab with your fields stacked top to bottom and an Add Element button pinned to the top left. This canvas is where the rest of the setup happens.

Every field you already have, such as Full Name or Email Address, sits here, and the dynamic dropdown will slot in wherever you drop it. Decide where in the form the dependent menus should sit before you go looking for the widget.

The Form Builder canvas for a Registration Form, with Add Element in the top left ready to open the elements sidebar.
The Form Builder canvas for a Registration Form, with Add Element in the top left ready to open the elements sidebar.

03Add the Dynamic Dropdowns widget from the Widgets tab

Click Add Element to open the Form Elements sidebar, then switch from Basic to the Widgets tab. Dynamic Dropdowns is not a Basic field like Full Name or Email, so it will not show up until you make that switch.

Type "dynamic" into the search box to filter the list down to Dynamic QR Code, Dynamic Textbox, and Dynamic Dropdowns. Once you have the right one, drag it onto the canvas at the point where you want the cascading menus to appear. Jotform drops in a placeholder pair of dropdowns, a parent and a child, which you configure next.

The Widgets tab filtered by "dynamic," with Dynamic Dropdowns listed alongside Dynamic QR Code and Dynamic Textbox.
The Widgets tab filtered by "dynamic," with Dynamic Dropdowns listed alongside Dynamic QR Code and Dynamic Textbox.

04Build the nested list, using Jotform's own syntax

Click the widget to open its settings panel on the right, then type your full option list in the Values field. Indentation with spaces defines the parent-child relationship: a top-level item like "USA" sits flush left, and everything indented one level underneath it becomes the options that appear only when USA is selected.

Jotform's own documentation adds three details the widget doesn't explain on screen: include a dot (.) as one of the choices in a set to show a blank "Please select" option by default; append an asterisk (*) to a parent option to make its own children required; and keep the whole Values field under 65,000 characters, since a longer list both risks truncation and slows the widget down. Building and indenting the list in a plain text editor first, then pasting it in, makes the structure far easier to keep straight than typing directly into the narrow settings box. Below the list, set the label, the placeholder text, and the separator (comma, semicolon, or forward slash) used between tiers if you have more than two levels.

05Save and test the live cascade

Click Update to save the widget settings, then open Preview Form and interact with the dropdowns as a respondent would. Pick a parent value and confirm the child list updates to only the relevant options.

Test on both desktop and a mobile viewport, since cascading widgets sometimes render tap targets differently on smaller screens. If a child list is not updating, the cause is almost always a stray space in the indentation back in the Values field.

When it doesn't work

The child dropdown doesn't update when you change the parent

Why: A leading space is missing or extra somewhere in the indented Values list, which breaks the parent-child relationship Jotform reads from the indentation.

Fix: Rebuild the list in a plain text editor with consistent single-space indentation per level, then paste it back into the Values field.

The widget gets slow, or the settings panel won't save

Why: The Values field has passed Jotform's 65,000-character limit for this widget.

Fix: Trim the list, or split a very large hierarchy into two separate Dynamic Dropdowns widgets.

A child option that should be optional shows up as required

Why: An asterisk (*) meant to mark one parent's children as required was placed on the wrong line.

Fix: Check that the asterisk sits directly after the exact parent option text you intend to make required, and remove it from any others.

FAQ

Frequently asked questions

How many levels of nested dropdowns can I create?

The widget supports multiple tiers through indentation, so you can nest country, then state, then city, or as many levels as your data needs, as long as the whole list stays under the 65,000-character limit.

Do I need coding knowledge to set this up?

No. The widget is configured entirely through indented text in the Values field, not custom code.

Why isn't my child dropdown updating when I change the parent?

This is almost always an indentation mistake: a child option needs one leading space more than its parent, and a single missing or extra space breaks the relationship. Building the list in a plain text editor before pasting it in catches this faster than editing directly in the settings panel.

What does the dot in front of an option do?

A dot (.) used as one of the values in a set shows a blank "Please select" placeholder for that dropdown, instead of defaulting to the first real option.

Is there a limit to how many options I can list?

Yes. Jotform caps the Values field at 65,000 characters, and a very long list will also make the widget noticeably slower to load and interact with.

Sources and last check

Click path and screens come from a walkthrough recorded in 2026. The indentation mechanics, the 65,000-character limit, the dot syntax for a blank default option, and the asterisk syntax for required children were re-checked against Jotform's own help documentation in September 2026; the character limit and both syntax details were missing from the original draft.

About the author

Impran M N
Written by

Impran M N

I've been hooked on technology for as long as I can remember — especially the new tools and AI apps that seem to land every other week. Easy Tech Tuts is where I write up whatever I've just worked out: I do the task in the real product, record the screen, and turn it into the guide I wish I'd found first.