Is there a way to only display SOME contents in a dropdown when a radio button is selected?

  • Puliz
    Asked on February 22, 2016 at 2:28 PM

    I have a location radio button and I want to display all the contents of a dropdown if one location is chosen, but only a few if the other location is chosen.  Is that possible?

     

    Thanks!

  • jonathan
    Replied on February 22, 2016 at 4:54 PM

    You can easily achieve this using Show/Hide Conditions and multiple Dropdown list.

    Here is an example form https://form.jotform.com/60526905405958

    You can check the video below how I set it up

    Is there a way to only display SOME contents in a dropdown when a radio button is selected? Image 1 Screenshot 20

     

    You can also clone my form so that you can review it on your Form Builder

    user guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Let us know if you need further assistance.

     

     

  • Puliz
    Replied on February 22, 2016 at 5:09 PM

    Okay. I did that, but it doesnt seem to be working quite right.

  • jonathan
    Replied on February 22, 2016 at 6:16 PM

    Please provide more details. This is the test form https://form.jotform.com/60526905405958 Can you describe more with is not working right?

    Thanks.

     

  • Puliz
    Replied on February 23, 2016 at 11:18 AM

    On mine, two dropdowns are showing and one doesnt go away.  Plus, its not showing the other dropdown when i choose Las Vegas.

     

    https://form.jotform.com/60205130334943 

  • David JotForm Support
    Replied on February 23, 2016 at 1:31 PM

    I believe the lack of field labels was causing some issues with the conditions.  I recreated the same ones you had in your form and they look to be working properly in mine copy:

    https://form.jotform.com/60535472040952

     

  • Puliz
    Replied on February 23, 2016 at 1:40 PM

    Looks good, but when I choose Reno and go to pull the dropdown nothing happens.  Is it browser specific?

  • David JotForm Support
    Replied on February 23, 2016 at 2:59 PM

    It looks to be due to the rather small margins on the top and bottom of the field.  If you click near the top of the field, it works without issue. 

    Is there a way to only display SOME contents in a dropdown when a radio button is selected? Image 1 Screenshot 30

    Is there a way to only display SOME contents in a dropdown when a radio button is selected? Image 2 Screenshot 41

    Adding a bit of a margin to the bottom of the dropdowns allows it them be more accessible:

    .form-dropdown {
        margin-bottom : 10px;
    }

    https://form.jotform.com/60535472040952

  • Puliz
    Replied on February 23, 2016 at 3:18 PM

    Yeah, that seems to work better.  Is that my form or your sample?  Can I copy that info to mine?

  • jonathan
    Replied on February 23, 2016 at 4:28 PM

    This form is David's  https://form.jotform.com/60535472040952 

    You can clone/copy it on your Form Builder. Follow this user guide http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Let us know if you need further assistance.