<div class="form-item ">
<label for="select-2">Select multiple</label>
<select id="select-2" name="select-2" multiple class="">
<option value="option-0">Option 1</option>
<option value="option-1" selected>Option 2</option>
<option value="option-2">Option 3</option>
<option value="option-3">Option 4</option>
<option value="option-4">Option 5</option>
<option value="option-5">Option 6</option>
</select>
</div>
{{#> @form-item}}
{{> @select}}
{{/ @form-item}}
{
"label": "Select multiple",
"id": "select-2",
"options": [
{
"option": "Option 1"
},
{
"option": "Option 2",
"selected": true
},
{
"option": "Option 3"
},
{
"option": "Option 4"
},
{
"option": "Option 5"
},
{
"option": "Option 6"
}
],
"multiple": true
}
form-item-select gives the <select> element and the accompanying <label> a container with the following properties:
<select> element within its container (useful for putting inside more complex layouts, like a grid)