With Jotform, you can easily add structured location selection to your forms without the hassle of creating or maintaining long city lists. The Cities of Mexico widget lets users choose a state first, then automatically displays a second dropdown with all the cities in that state. Because the widget comes preloaded with a complete list of Mexican cities, it helps keep your forms accurate, organized, and easy for users to navigate.
It’s a simple way to collect location details while keeping the experience smooth and intuitive. Whether you’re building registration forms, service requests, applications, or order forms, the widget helps ensure consistent location data while making your form feel more polished and user-friendly.
Here are a few ways to use it:
- Let your users pick their state, then choose the matching city in Mexico.
- Stop invalid or mismatched city entries by offering only correct city-state options.
- Make address, registration, or contact forms easier for Mexican users to complete.
- Keep your location data accurate, clean, and consistent.
- Save your users’ time by replacing free-text city fields with ready-to-use dropdowns.
- Guide respondents smoothly through long or multi-step forms.
- Boost completion rates for surveys, applications, and feedback forms.
- Give your customers a clearer, simpler experience when filling out order or service request forms.
Whether you’re creating a new form or updating an existing one, you can add the Cities of Mexico widget in a few easy steps. Here’s how to do it:
- In Form Builder, click on Add Element on the left side of the page.
- Now, in the Form Elements menu, under the Widgets tab, search for Cities of Mexico and click on it. Or, just drag and drop it to where you want it to be on your form.
That’s it. You’ve successfully added the Cities of Mexico widget to your form.
Now users can select their state and then pick a city from that state, making it easier for them to fill out forms accurately and quickly. Want to see it in action? Check out this live demo form.
Notes
- For advanced styling of the Cities of Mexico widget, you can add your own custom CSS code under the Custom CSS tab in the Widget Settings. Our guide on How to Inject CSS Codes to Widgets walks you through everything.
- You can also configure the widget properties, like alignment, labels, size, visibility, and more, to control how it looks and behaves on your form. Check out our guide on How to Access and Configure the Question Properties of a Widget to learn more.




Send Comment: