---
title: "Select form element"
date: "2017-11-13T08:07:17+00:00"
summary: "Create custom drop-down fields or use existing selects in your Site Studio component forms. Learn how to add, configure, and customize Select form elements for enhanced user interaction and data collection."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/select-form-element"
id: "bd77871f-aa0c-48e4-be12-9c6285dbdddc"
---

Table of contents will be added

Use the Select form element to add a select (drop-down) field to your Component form. You can create custom selects or use existing selects from within the elements.

For more information about creating editable components, see [Create an editable component](/drupal-starter-kits/add-ons/site-studio/create-component "Create an editable component").

Locating the select form element
--------------------------------

To find the Select form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Within the Fields tab, look for the Select form element.

![864473fb-select.png](https://acquia.widen.net/content/8fbe6df5-cc3b-4ac4-8a86-6844a7f8db41/web/864473fb-select.png)

The Select element includes the following fields:

Title field
-----------

*   Provide a name for the form element. **Important:** This will be displayed in your component form.

Field settings
--------------

You can either create a Custom select field or use an Existing select from within an Element.

To create a custom select:

1.  Within Type, choose **Custom select field**
2.  Enter a label in the **Label field.** This is what the end-user will see in the Select.
3.  Enter a value in the **Vaule field.** This is the value that will be applied when the user selects the option
4.  Click **\+ Add option** to add additional options to the select.

To use an existing select:

1.  Within **Type**, choose **Existing select field**
2.  Within **Element tab**, select the **Tab** within the Element the select field you require belongs to
3.  Within **Element**, select the **Element** the select field you require belongs to
4.  Within **Field group**, select the **Field group** the select field you require belongs to
5.  Within **Field**, select the **Select field** you require.

Important

You can convert **Existing selects** into **Custom selects**. Simply find the select you want using the 'Existing select' process (described above) and then click Custom select. All the values from the Existing select will be populated as Custom select options. You can then add or remove options as you require.

Default
-------

*   **Option -** When you have created your select field they become available within the Option field so you can select a default value.

Tooltip
-------

*   **Tooltip text -** Enter tooltip text here.
*   **Tooltip placement -** Define the position of the tooltip on hover of the field.