Documentation
Apps
Components
How to Use Select

How to Use Select

Setting Values and Labels

Set the values that will be sent to the server in [Values], and set user-friendly display names in [Labels].

If [Labels] is empty, the values from [Values] will be displayed.

Set these using an array format.

e.g., [1,2,3]

Setting an Initial Value

Set the initial value in [Default value]. You can set either a fixed value or a dynamic value.

Applying Dynamic Values to Select

  1. Click [Create] next to [Dataflows].
  2. Select [Onboarding DB].
  3. Write the following query in [SQL]:
SELECT * FROM users LIMIT 20;
  1. Place a [Select].
  2. Select the placed [Select] and open the [Inspect].
  3. Enter the following script in [Values]:
{{ dataflow1.data.map((d) => d.id) }}
  1. Enter the following script in [Labels]:
{{ dataflow1.data.map((d) => d.email) }}
``
 
8. Confirm that the values inside the **[Select]** are displayed as email addresses.