Use the <select> tag to add a field with a selection of items.

Available attributes:

AttributeTypeMandatoryDescription
classStringNSpecify the CSS class name defined in the CSS field of the widget.
isMandatoryBooleanNTo make a field mandatory, set the attribute equal to true.
isVisibleBooleanNTo disable the tag, set the attribute equal to false. This attribute is equal to true by default.
labelStringNDescribe the field content by giving it a title.
modelStringYSpecify this attribute to connect the client controller data object. When the model data changes, it is automatically transferred to the data of the client controller.

readOnly

BooleanN

To make the field read-only, set the attribute equal to true.

optionsArrayN

Specify the options available for selecting using the CodeMirror JSON formatting.

You can put any number of options in the drop-down menu, but the vertical scrolling appears if there are more than 6 options.


placeholderStringNSpecify a placeholder for a text field.
styleStringN

Specify the display settings (size, font, color, and others) of the widget elements using the CSS syntax.

value

StringN

Specify the default value for the field.

radioButtonsModeBooleanNSet the attribute to true to display choice options in the form of radio buttons. Otherwise, the standard drop-down list is used.

Example:

<select label="Class" isMandatory="true" model="data.class" options='[{"database_value":"155964310500000004","display_value":"Server"},{"database_value":"155964310500000006","display_value":"Database"}]'></select>