Cascading Select for Framer forms
Linked dropdowns for Framer formsAdd two linked dropdowns to your native Framer form.
The visitor picks a country, and the second dropdown then shows only its states or provinces. Country to state is built in for the United States, Canada, Australia, the United Kingdom and India, or you can enter your own pairs.
Available right now inside FramerSend Fields (our all-in-one Marketplace plugin). Free for 14 days, no card, then from $5/month.
What your form receives
Two values, Country and State by default, under names you can change.
It is part of the native Framer form submission, so it goes wherever your form sends: email, Google Sheets, webhooks, or FramerSend connectors.
{
"Name": "Amelia Hart",
"Email": "amelia@studio.co",
"Country": "Canada",
"State": "Ontario"
}How it works
No code, right inside Framer
Select your form
Select your Form on the Framer canvas.
Insert the field
Open Cascading Select and click Insert cascading select. It is added above the submit button.
Set it up
In the right panel, keep Country → State or enter your own lines, and set the two field names.
Options
- Built-in Country → State/Province for the US (with DC and territories), Canada, Australia, the UK and India
- Your own pairs, one line per parent, like "Design: Branding, Web design, Illustration"
- Both field names
- Required, with your own empty-field text
- Labels above or inside the dropdowns
- Stacked or side by side
- Font, colors, radius and padding
Written into your project as a code component. No external scripts, no network requests on your site.
Frequently asked questions
What happens when the first choice changes?
The second dropdown stays disabled until a first choice is made, and clears when the first choice changes.
Does it work on phones and with screen readers?
Yes. Both are native dropdowns, so they work with keyboards, screen readers and the phone's own picker.
Does it slow down my site?
The field is a code component written into your project. It loads no external scripts and makes no network requests on your site.
How much does Cascading Select cost?
Cascading Select is included in every FramerSend plan, together with the other field plugins and every connector. It is free for 14 days with no card, then from $5/month, $39/year or $89 one-time.
How do I sign in to the plugin?
With your FramerSend account. The plugin opens framersend.com/plugin/connect, you approve, and it signs in by itself.
Add Cascading Select to your Framer form
Included in every FramerSend plan with all 73 field plugins and every connector. Free for 14 days, then from $5/month.