select
Choose option(s) on a native HTML select
Choose one or more options on a native <select>. Custom combobox widgets use pick / open instead.
Syntax
When I select "<option>" from "<dropdown>"For <select multiple>, put comma-separated options inside one quoted value. Spaces after commas are trimmed.
Qualifiers
| Qualifier | Role | Example |
|---|---|---|
from | Dropdown label | select "United States" from "Country" |
Requirements
| Item | Contract |
|---|---|
| Element / control shape | Native <select> only |
| How the label binds | select id → data-testid → aria-label → name → label + adjacent select |
| Qualifiers that change resolve | from is the select label (match); option text after select is a payload |
| Platform | Web |
| Wrong shape → use instead | Custom combobox → open / pick. Radix / menu role=menuitem → click trigger + item by id |
When it fails
- Timeout / not found — control is not a native
<select>, or label missed. - Do not use
open … and pickon a native select.
See also UI contracts.
Examples
When I select "United States" from "Country"
When I select "Red,Blue,Green" from "Colors"
When I select "Red, Blue" from "Colors"Notes
- Option text is a payload —
*stays literal. - Multi option labels must not contain commas in v1.