Multiple select

更新时间:
复制 MD 格式

The multiple select control lets users select multiple items from a dropdown list. It is ideal for scenarios with many options that require multiple selections.

image.png

Use cases

This control is commonly used to select multiple items from a long list, such as product IDs.

Preview

下拉多选-效果图

Control configuration

Basic settings

Parameter

Description

image.png

① Display title: Specifies whether to show the title of the multiple select control. This customizable title is used as the column name for data entry.

② Control type: Changes the control type. You can switch to other basic and advanced control types.

③ Field name: The name of the corresponding field in the data table generated from form submissions.

Note

A field name or table name must start with a letter and can contain only letters, numbers, and underscores (_). The maximum length is 40 characters.

④ Placeholder: Sets the placeholder text that appears in the control before a user makes a selection. For example: Select customer type.image.png

⑤ Description: Custom descriptive text for the control.

⑥ Description position: Sets the position of the description text. Options include Below the control, Right of the title, and Below the title.

⑦ Default state: Sets the default state of the control. Options include Normal, Read-only, and Hidden.

Options

Source: You can populate the options from one of the following sources: Custom data, Data source, Dataset, or Organization members.

Parameter

Description

When Source is Custom data.

image.png

① Source: Custom data: Lets you manually define options by assigning a display name and an associated ID value to each.

② Option display name: You can add options individually, add them in bulk, edit option names, and delete options.

③ Option color: Customize the color of the dropdown options. You can use a single color or multiple colors. Supported styles include Solid and Transparent.

Untitled.gif

④ Default value: Select one or more default values from the list of options you configured.

image.png

⑤ Cascading settings: You can configure cascading relationships between two or more single-select, single-select dropdown, or multiple select controls on the same form.

Note

You can only cascade to a control that appears later in the form.

  1. Select the control you want to configure and click Cascading Settings.

  2. For each option, associate it with a field in another control.

    Untitled.gif

  3. The following image shows a preview of the result:

    Untitled.gif

When Source is Data source.

下拉多选-来源数据源

① Source: Data source: When you select Data source, you can populate the options from a data table within that source.

② Data source: Select a data source from the current workspace.

③ Data table: Select a data table from the chosen data source.

④ Data field: Select a data field from the chosen data table to populate the options.

⑤ Default value: Select one or more default values from the options provided by the selected data field.

下拉多数据源默认值

When Source is Dataset.

image.png

① Source: Dataset: When you select Dataset, you can populate the options from a data field within that dataset.

② Dataset: Select a dataset from the current workspace.

③ Data field: Select a data field from the chosen dataset to populate the options.

④ Default value: Select one or more default values from the options provided by the selected data field.image.png

When Source is Organization members.

image.png

① Source: Organization members: When you select Organization members, the options are filled with the names of users in your organization.

② Default value: Sets the default value for the control. If you select Use current user's name, the field is automatically filled with the username of the logged-in user.

Validation

Parameter

Description

image.png

① Required: If selected, this control becomes a required field.

Custom validation message: This message is displayed when a validation rule fails. For example, if the control is marked as Required and left empty, this custom message appears.

Style

Parameter

Description

PC

image.png

Control width: Supports two width types: Default and Full width.

Note

On the form page, you can also manually adjust the control's width by dragging its border.

Untitled.gif

Mobile

image.png

① Control width: This setting functions the same as it does on a PC.

② Display style: The option list supports two display styles: Card and List.

Example of the Card display style:

image.png

Example of the List display style:

image.png