What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to create Cascading DropdownsAsked by Richard Favro on May 13, 2014 at 05:39 PM
I would like to create a form that has Cascading Dropdowns with your form builder. Ideally, I would have three dropdowns in total; one for US state, one for area code, and one for cities. I want it to be set up so that users can select their state, then their area code, then their city from within that area code.
My understanding of your form builder is that I can do this by building many different dropdowns and using the conditions to connect them. However, I need to provide accesss to all 50 US states, with 2 or more area codes within each state, and 2 or more cities within each area code. As such, if I were to build the form in this way, I would need to have 200+ dropdowns to accomodate all state/area code/city combinations.
As I'm sure you can understand, this would be a very long, tedious process and would become difficult to manage. My goal is to create a form that's relatively easy to manipulate - having 200+ different dropdowns would be a fair bit of work.
Is there any way that I can create cascading/linked dropdowns that can distinguish between the text within each dropdown. As an example I'm going to use Alaska and Alabama:
I have 4 area codes for Alabama, while for alaska I only have 1 area code. Instead of building 2 different area code drop downs for Alaska and Alabama, is it possible to create one dropdown with the area codes from both states, but only have the alaska area code visible when the user selects alaska and vice versa for Alabama?
JotForm Support Manager
Are you looking for something like this?
Such form was actually made by simply adding the "All State and Cities" widget.
Just type the name or part of it at the Widgets section:
A wizard will show, leave it empty to show all countries. Or as in your case, type the name of the country.
I hope this fully helps. We are help ready to help you more.
Thank you, but that is not quite what I'm looking for.
I need to make it easy for my users to select their cities after selecting their states. That widget doesn't help me very much because I already have all the data for states/cities. My problem is tying the states to area codes to cities in a way thats simple for my users and easy for me to manage. With the widget I'm faced with the same issue that I mentioned in my original message - to account for all state/area code/city combinations, i would need 200+ dropdowns, which I really don't want.
Do you have any way of creating cascading dropdowns within the dropdowns themselves? Also, do you have a telephone number where I can directly speak to someone in support? I think this might be easier to explain over the phone.
As you have already mentioned that you do not want to add so many dropdown fields, the only option is to download your form's source code and add custom script to populate dropdown based on selection. Please be noted that this requires programming exposure to be able to add custom scripts.
Unfortunately, we do not provide phone support. Our primary mode of communication is forum but you can also send email to email@example.com.