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

    Which option do I use for a dropdown menu with multiple choices?

    Asked by meidi01 on August 13, 2015 at 01:35 AM

    Which option do I use for a dropdown menu with multiple choice selections?  

     

    Example:

    Number of tickets :  [ 1 / 2 / 3 / 4 / 5 ] Adult

                                 [ 1 / 2 / 3 / 4 / 5 ] Child

                                 [ 1 / 2 / 3 / 4 / 5 ] Infant

    choices multiple choices
  • Profile Image

    Answered by Sammy on August 13, 2015 at 04:00 AM

    Check out the multiple selection widget in the form builder

    You can also explore the following widget (asmSelect)

     

    Will the specified value be in one dropdown or each will have different dropdowns i.e Child, Adult, Infant

  • Profile Image

    Answered by meidi01 on August 14, 2015 at 11:31 PM

    I Have tried, but this is not what i meant.  It can be a manually filled field, only thing is that i need 3 fields under 1 heading.

     

    No of Tickets         [     ]Adults  [    ] Child   [   ]Infant

  • Profile Image
    JotForm Support

    Answered by Welvin on August 15, 2015 at 10:45 AM

    I think you can do this using our configuration list widget: http://widgets.jotform.com/widget/configurable_list.

    Here's an example form:

    http://www.jotformpro.com/form/52264108548961

    Simply do it like this in the settings:

    Then if you do not want someone to add another row, simply set the Minimal and Maximal rows to equal number:

     

    If you want to increase the width of the dropdown selection, simply inject the following custom CSS codes in the CSS area of the widget:

    select {

        width: 75px !important;

    }

    Simply increase the width value if needed.

    Thanks