Select field
Data
Key | Type(s) | Optional | Description |
---|---|---|---|
name | string |
The form field name, this value must be used as the input's name key |
|
type | string |
Different types of form fields such as text password email select range file |
|
label | string |
The label for the form field | |
required | boolean |
Indicates if the field is required for validation | |
options | array |
optional | Collection of options used by the select and range types. Only available when applicable |
conditional | array |
optional | Collection of options used by the select and range types. Only available when applicable |
Options
Selectable options within the select component. Only one option can be the selected one.
Key | Type(s) | Optional | Description |
---|---|---|---|
name | string |
The field name, same as the parents name | |
value | string |
The value that should be used by the parent when the option is selected or picked | |
label | string |
Label for the option |
Conditionals
Conditional fields for the selected field. Multiple conditionals can have the same on_value
value.
The data structure for conditional fields is identical to non-conditional fields.
Key | Type(s) | Optional | Description |
---|---|---|---|
name | string |
The form field name, this value must be used as the input's name key |
|
type | string |
Different types of form fields such as text password email select range file |
|
label | string |
The label for the form field | |
required | boolean |
Indicates if the field is required when the on_value matches |
|
options | array |
optional | Collection of options used by the field. Only available when applicable |
Example
{
"name": "CCOUNTRY",
"type": "select",
"label": "Land",
"required": false,
"options": [
{
"name": "CCOUNTRY",
"value": "CNATIONALITY1",
"label": "Belgiƫ"
},
{
"name": "CCOUNTRY",
"value": "CNATIONALITY2",
"label": "Afghanistan"
},
{
"name": "CCOUNTRY",
"value": "CNATIONALITY4",
"label": "Albaniƫ"
},
...
],
"conditional": [
{
"name": "CGERMANKEEP",
"type": "checkbox",
"label": "Behoud mijn gegevens na afronden sollicitatie.",
"required": false,
"on_value": "CNATIONALITY81",
"options": [
{
"name": "CGERMANKEEP",
"value": "1",
"label": "Behoud mijn gegevens na afronden sollicitatie."
}
]
}
]
}