<div class="form-item ">
<label for="select-1">Select</label>
<select id="select-1" name="select-1" class="">
<option value="option-0">Option 1</option>
<option value="option-1">Option 2</option>
<option value="option-2" selected>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",
"id": "select-1",
"options": [
{
"option": "Option 1"
},
{
"option": "Option 2"
},
{
"option": "Option 3",
"selected": true
},
{
"option": "Option 4"
},
{
"option": "Option 5"
},
{
"option": "Option 6"
}
]
}
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)