---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.3
alternate:
  - https://divkit.tech/docs/en/concepts/select.md
  - https://divkit.tech/docs/ru/concepts/select.md
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/en/llms.txt

# Drop-down list

The `select` element is a drop-down list with selectable values.

{% cut "View an interactive example" %}

<iframe src="https://yastatic.net/s3/home/divkit/docs/1.0.8/index.html?url=https://yastatic.net/s3/home/divkit/doc_samples/common/select_1.json" width="700" height="500" frameborder="1"></iframe>

{% endcut %}

Replace `value_variable` with the name of the variable where you want to store the selected value.

The set of selectable values offered to the user is defined by the `options` array:

```json
"options": [
  {
    "text": "shown text",
    "value": "saved value"
  },
  {
    "text": "shown text 1",
    "value": "saved value 1"
  }
]
```

- `text`: Displayed option name.
- `value`: Value to store in the variable.

You can customize the text appearance using the `input` and `text` elements like any other text. In addition, you can set up a hint to display before the user selects a value:

- `hint_text`: Hint text.
- `hint_color`: Hint text color.


<!-- source: en/_includes/index/troubleshooting.md -->
## Learn more {#troubleshooting}

You can discuss topics of interest in the DivKit user community in Telegram: [https://t.me/divkit_community_en](https://t.me/divkit_community_en).



[DivKit Repository](https://github.com/divkit/divkit)
<!-- endsource: en/_includes/index/troubleshooting.md -->