How to Add a Dropdown Select Field in WordPress

Free-text fields on a WordPress form invite messy answers. One visitor types “CA,” another types “California,” and a third types “Cali.” If you need clean, consistent answers instead, a dropdown select field for your WordPress form fixes that by giving visitors a controlled list of choices to pick from instead of a blank box to fill in. A WordPress select field like this forces every visitor to pick from options you define, so the data landing in your inbox is actually usable.

The trouble is dropdown fields aren’t all the same. Sometimes you need a visitor to pick exactly one option from the list. Sometimes you need them to pick several. And sometimes the list itself, every country or every US state, is long enough that typing it out by hand would eat your afternoon.

Ninja Forms handles all three of these with dedicated field types, and none of them require a paid add-on. Below is how to add a standard select field, when to reach for a multi-select field instead, and how to skip typing out a country or state list altogether.

What you’ll need

To follow along, you’ll need Ninja Forms (free). Every field type covered in this guide, single-select, multi-select, and the built-in country and state fields, ships in the core plugin. No add-on purchase required.

How to add a dropdown select field to a WordPress form

If you’re setting up a WordPress form dropdown field for the first time, here’s the fastest path: open the Fields window from the Form Fields tab and choose Select under Common Fields. This adds a native dropdown to your form that visitors click to reveal a list of choices. From there, you just add your own options and the field is ready to use.

1. Open your form in the builder and click into the Form Fields tab.
2. Click the blue add-new-field icon to open the Fields window.
3. Under Common Fields, click Select to add the field to your form.
4. Click the new field on the canvas to open its settings window, then give it a Label and mark it Required if visitors must answer.

Below the Label and Required settings, you’ll find the Options section: a table with columns for Label, Value, and Calc Value, plus a blue Add New control for each row you need. Select, Multi-Select, Radio List, and Checkbox List all share this same options editor, part of Ninja Forms’ broader set of field types.

If you don’t see a Value column, turn on Developer Mode first, under Ninja Forms > Settings > Advanced Settings, in the Form Builder section. The Value column, along with a couple of other advanced settings, only appears once Developer Mode is switched on.

Label is what the visitor sees in the dropdown. Value is what actually gets submitted and stored, and the two don’t have to match. A “VIP Pass” label might submit as vip_pass, for example, which is easier to work with in notification emails and integrations than a full sentence. If you’re pricing options differently, the Calc Value column holds a plain number Ninja Forms can use for calculations, like charging more for a VIP ticket than a general admission one.

If you have a long list of options to add, the Options section also includes an Import button that lets you bring in a CSV file or a pasted list instead of typing each one by hand.

One quirk worth knowing before you publish: a Select field with no default configured doesn’t start out blank. The browser silently pre-selects the first option in your list, and if a visitor never touches the dropdown, that first option is what gets submitted. If you’d rather your dropdown start on a neutral prompt instead of a real answer, you can set up a placeholder option that won’t get submitted by accident.

Let visitors choose more than one answer with a Multi-Select field

If you’re looking for a multi select dropdown for your WordPress form, add a Multi-Select field instead of a Select field. Multi-Select sits in the same Common Fields section of the builder, but it’s its own field type built specifically for more than one answer, not a setting you turn on inside Select.

1. Open the Fields window and, under Common Fields, click Multi-Select.
2. Set up its Label, Options, and Values exactly the way you would for a Select field (pictured above).

On the front end, Multi-Select doesn’t render as a click-to-open dropdown. It shows as a list box with several options visible at once, and visitors hold Cmd (Mac) or Ctrl (Windows) and click to choose more than one, or Shift-click to select a range. That’s standard browser behavior for this kind of field, not something Ninja Forms adds a special interface for, but it’s worth a quick note near the field for visitors who haven’t used one before.

There’s no separate toggle that turns a Select field into a multi-answer field. If visitors need to choose more than one option, Multi-Select is the field you add. If you’d rather show every option visibly on the page instead of tucking them behind a click-to-open list, Radio List (single answer) and Checkbox List (multiple answers) do the same underlying job without that extra click.

Skip typing the list yourself with the Country and US States fields

If the list you need is something universal, like every country in the world or all 50 US states, don’t build it option by option. Ninja Forms ships two ready-made field types, Country and US States, with the full list already loaded in.

Both live in a different part of the Fields window than Select and Multi-Select. Instead of Common Fields, look under User Information Fields, alongside fields like Address and Phone.

Country and US States come with one genuine advantage Select doesn’t have out of the box: an automatic placeholder. A Country field starts on - Select Country - until the visitor picks one, so you don’t need to build the placeholder workaround described above. The option list itself isn’t editable the way Select’s options are either; it’s the standard set of countries or states, fixed.

One thing worth knowing before you build a custom notification around this field: the value actually submitted for Country is the two-letter country code, not the country name. Someone who picks “Canada” submits CA. Ninja Forms’ default notification email already converts that back to the full country name for you automatically, so out of the box you’ll see “Canada” in your inbox. But if you’re writing a custom email and reach for the field’s label merge tag to force the full name, it won’t resolve on a Country or US States field the way it does on other list fields. For these two field types, stick with the default notification’s automatic formatting rather than the individual label tag.

How dropdown and select answers show up after someone submits

Every list-type field in Ninja Forms, Select, Multi-Select, Country, and US States, stores the Value you configured, not the Label the visitor saw. That’s true in merge tags, and it’s true in the Submissions table.

• The plain merge tag for any field returns its raw Value. For a multi-select answer, that’s every selected value joined by commas.
• Adding the label variant of the tag to a Select, Multi-Select, Radio List, or Checkbox List field returns the Label instead, joined by commas for multiple answers. Country and US States don’t support the label variant yet, which is the limitation covered above.
• Adding the calc variant returns the numeric Calc Value you set for each option. For a multi-select answer, Ninja Forms adds up the Calc Value of every option the visitor chose, useful for things like per-session pricing.

The Submissions table in wp-admin shows raw Values too, and for Multi-Select specifically, it runs the selected values together with no separator between them at all. If you need to read someone’s multi-select answer at a glance, the notification email is the more reliable place to look. It formats list-field answers clearly by default, while the raw Submissions table doesn’t.

If you’d rather show or hide other fields based on what someone picks in a dropdown, for example asking a follow-up question only when a visitor chooses a specific option, pair your Select field with conditional logic.

Give visitors a field built for the answer you actually need

Single answer, multiple answers, or a massive built-in list: Ninja Forms has a dedicated field type for each, and all of them ship in the free core plugin. Match the field to the question you’re actually asking, and the data you get back will be a lot easier to work with than anything a free-text box would have given you.