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.


  • Profile Image

    How to create Cascading Dropdowns

    Asked by Richard Favro on May 13, 2014 at 05:39 PM

    Hello,

     

    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? 

    Yours sincerely,

    Richard Favro 

    Page URL:
    http://form.jotform.ca/form/41327104022235

    create dropdowns Form Builder create a form different
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on May 13, 2014 at 07:55 PM

    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.

  • Profile Image

    Answered by baylink on May 13, 2014 at 08:35 PM

    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.

    Thanks 

  • Profile Image
    JotForm Support

    Answered by ashwin_d on May 14, 2014 at 02:29 AM

    Hello baylink,

    If the "All states and cities" widget does not meet your requirement, the only option is to add dropdown fields in your form and show/hide them by taking advantage of conditions feature.

    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 support@jotform.com.

    Thank you!