Formstack

Dropdown List Fields

Dropdown lists are used to create a list of items from which you want a user to choose. You can either use a predefined list (such as State, Age, Days of the Week, etc.), create your own list from scratch, or use a previously created list that you've saved. Check out our Saved Lists doc for more information on using a saved list. 

To add a Dropdown List field to your form, click on the "Dropdown List" field option and drag and drop it at the desired location on your form.

If you choose to add a Dropdown List field to your form, you will need to edit the label (i.e., the question/statement you want to show up on the form) and add your options. The image below shows a portion of the field editor for a Dropdown List that has been added to determine the days of the week an individual would like to volunteer:


Under "Field Options," you can choose to hide the field label or make the field required, hidden, or unique. If you make the field unique, once a form submitter chooses an option, that option is removed from the list until the submission is deleted from the submission table.

If you want to allow users to select multiple options in the Dropdown List, edit "Field Size" to display two or more rows. Then, when users are filling out the form, they will be able to select multiple options by holding Shift on their keyboard and clicking the options. If the form submitter will be selecting multiple options, you can also use the Checkbox field instead.

 

Adding Options

To add your list options, scroll down to the "Options" section in the field editor. Type each option on a separate line. If your list includes more than three options, click one of the green plus signs to add additional lines. Options can be words or numbers. In the example below, the options are Thursday, Friday, and Saturday.

Inserting Blank and "Other" Options

If you would like the first option on the list to be a blank option so no option is selected by default, put in a space and hit enter for the first option on the list. When users visit your form, they will see a blank dropdown box under the question/statement label. They will have to click the arrows to view the list options and make a selection. 

Note: If the field is required, a blank option will not validate as a filled out field. Users will see the below error message if they skip the question and try to submit a blank option.



If you would like to include an "Other" option in your list, simply type "Other" on one of the option lines. If you want to allow users to type in a value for "Other," insert a Short Answer field and set Logic that brings up the field when "Other" is selected in the Dropdown List. For more information on how to do this, visit our help page on Conditional Logic.

If you would like your Short Answer field to appear as shown in the example below with no Label, you can hide this by editing the Short Answer field and under Field Options (left-edit bar), click the "Hide Label" option.

Setting a Default Value

If you'd like a specific option to be pre-selected when your customer first views your form, type that option exactly the same way in the "Default Value" area.

In the above example, Users will see a dropdown box that says "Friday" when they visit the form. They will need to click the arrows to see the other options of "Thursday" and "Saturday."

Note: The value typed in the first option box will be pre-selected by default if no value is entered in the "Default Value" box, so you can also just type your desired default value as the first option in your list.


Using List Options in the Advanced Options Editor

Sometimes, you may want to use Dropdown List fields in calculations and assign dollar values to your options. To do this, click the "Advanced Options Editor" button. Then, under "List Options" on the right side of the editor, select the checkbox next to "Use Separate Values." This will automatically pull your option data over to the values. You will need to click on the values to edit them. In the example below, the options are Thursday for 1, Friday for 2, and Saturday for 3.  
 

The person filling out the form only sees the option labels, not the values, as values are only used behind the scenes for calculations and third-party integrations. You can read more about separate values on our help page for Calculations.

Using Text or CSV Data to Import a List

If you would like to import list options from a CSV or TXT file, you can do so via the Advanced Options Editor. From your Dropdown List field editor, click the "Advanced Options Editor" button. If you are importing labels and values, make sure the "Use Separate Values" option is selected as described above. Then, drag the appropriate CSV or TXT file onto the editor. When you see a green plus sign, drop your file.

If done correctly, the labels and values from your file should automatically populate the Options Editor when the file is dropped. Additionally, you will be given the option to use headers from your file.

Note: For labels and values to import correctly, it's best to format your file with two columns that align with the "Labels" and "Values" columns in the Options Editor.