DSO Component Library

Horizontal Group Select 

<div class="form-group select multiple">
    <label for="beleg" class="control-label">Beleg</label>
    <div class="field-container">
        <select id="beleg" class="form-control" multiple>
        <optgroup label="Vlees">
            <option value="worst">Worst</option>
            <option value="salami">Salami</option>
            <option value="geit">Geit</option>
        </optgroup>
        <optgroup label="Vis">
            <option value="zalm">Zalm</option>
            <option value="makreel">Makreel</option>
        </optgroup>
    </select>
        <p class="help-block" id="helpTextId_beleg">Deze producten worden allemaal gemaakt in een fabriek waar ook noten worden verwerkt</p>
    </div>
</div>
 
<div class="form-group select{{#if multiple }} multiple{{/if}}">
  <label for="{{ id }}" class="control-label">{{ label }}</label>
  <div class="field-container">
    <select id="{{ id }}" class="form-control"
      {{{ifattr 'disabled' disabled }}}
      {{{ifattr 'readonly' readonly }}}
      {{{ifattr 'multiple' multiple }}}>
      {{#each options }}
        <optgroup label="{{ optionType }}"{{{ifattr ' disabled' disabled }}}>
          {{#each items }}
            <option value="{{ value }}"{{{ifattr ' selected' selected }}}>{{ label }}</option>
          {{/each}}
        </optgroup>
      {{/each}}
    </select>
    {{#if helpText }}
      {{> '@help-block' }}
    {{/if}}
  </div>
</div>
 
id: beleg
type: select
label: Beleg
multiple: true
helpText: >-
  Deze producten worden allemaal gemaakt in een fabriek waar ook noten worden
  verwerkt
options:
  - optionType: Vlees
    items:
      - value: worst
        label: Worst
      - value: salami
        label: Salami
      - value: geit
        label: Geit
  - optionType: Vis
    items:
      - value: zalm
        label: Zalm
      - value: makreel
        label: Makreel

There are no notes for this item.