options

Sets or gets the options in the dropdown.

Description

options is an array of objects, each representing an option available to a user.

Type:

Array<option>Read & Write

NAME

TYPE

DESCRIPTION

label

string

The label of the dropdown option. This is what a user sees.

value

string

The value of the dropdown option. This is what you use in code.

Was this helpful?

Get the list of options and the first option's label and value from a dropdown

Copy Code

1let dropdownOptions = $w("#myDropdown").options;
2
3let firstLabel = dropdownOptions[0].label;  // "First Label"
4let firstValue = dropdownOptions[0].value;  // "first_value"

Set the list of options for a dropdown

Copy Code

1$w("#myDropdown").options = [
2  {"label": "Who's on first!", "value": "first"},
3  {"label": "What's on second", "value": "second"},
4  {"label": "I Don't Know is on third", "value": "third"}
5];

Add an option to a dropdown

Copy Code

1let opts = $w("#myDropdown").options;
2opts.push({"label": "New Label", "value": "New Value"});
3$w("#myDropdown").options = opts;