---
title: "Selecting elements in a dropdown menu"
slug: "dropdowns"
description: "Learn how to use Userflow with dropdowns, including triggers for input, clicks, and buttons to enhance user experience and streamline transitions."
updated: 2026-01-14T22:09:38Z
published: 2026-01-14T22:09:38Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.userflow.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Selecting elements in a dropdown menu

This article describes how to use a dropdown menu to progress through a Flow; the Flow continues when the user selects any value, including a specific value.

![Dropdown example](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/dropdown-example.png)

### Solutions

There are three potential solutions.

#### Solution #1 - User fills in the input

If the dropdown field is an HTML `<select>` field (from a technical perspective), you can use a trigger with a **User fills in input** condition to transition to the next step.

![Dropdown user fills in input](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/dropdown-user-fills-input.png)

If you want the user to pick a specific value, you can use an **Input value is** condition instead.

Tip: Your developers can also teach Userflow.js to understand custom inputs (e.g. combo boxes or type-ahead fields) just like a native select field. See [userflow.registerCustomInput()](https://docs.userflow.com/docs/userflow-js#registercustominput).

#### Solution #2 - Use ‘element is clicked’

If the dropdown is not an input field (from a technical perspective) you can use an **Element is clicked** condition instead. You can either do it as a single step with a trigger or you can split the selection into two steps (one to click the dropdown and one to select). If you want it to trigger on any selection you should target the element containing all the options, if you want a specific option you should target that. Make sure to toggle **Dynamic Text** on the tooltip target element, since the element text will change as the user fills in the input.

![Dropdown element is clicked](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/dropdown-element-clicked.png)

![Dropdown element is clicked - 2 steps](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/dropdown-element-clicked-2-step.png)

#### Solution #3 - Use a button

A solution that works in all scenarios is to use a tooltip button to trigger a transition after selection. Make sure to toggle **Dynamic text** on the tooltip target, as it will change as the user selects a value.

![Dropdown button](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/dropdown-button.png)