# Select

The Select component enables you to select a single option from a predefined list of options or a list of records from the database. You can type in the search bar to narrow down the list of options.&#x20;

<div align="left"><figure><img src="/files/k5Prw9bnPfNn16LRNTdc" alt=""><figcaption></figcaption></figure></div>

The "Specify Options" allows you to predefine a static list of options, while the "Load Options" allows you to specify the list of options, from a data source.&#x20;

For each option you can specify a label, value, subtitle, and an icon.

<div align="left"><figure><img src="/files/nC0vssKmmEwbTJRcoyM7" alt=""><figcaption></figcaption></figure></div>

## Select Actions

**Top Action** - allows you to create an action button on the top of the list to trigger a specific action when clicked.

**Bottom Action** - allows you to create an action button on the bottom of the list to trigger a specific action when clicked.

**Value Changes** - triggers an action when a new option is selected or the selected option changes.

<div align="left"><figure><img src="/files/QoMDGiJoMhu2n8cmUeNn" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jetadmin.io/user-guide/design-and-structure/components/form/select.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
