DE-PACK Component Library

Form-Elements: Select (multiple) 

<div class="mt-2 mb-2">
    <label for="selectmulti">Select-Option-Multi:</label>
    <select class="form-select block w-full" type="select" id="selectmulti" size="10" multiple>
        <optgroup label="Treffe Deine Wahl">
            <option value="eins">Erste Option</option>
            <option value="zwei">Zweite Option</option>
            <option value="drei">Dritte Option</option>
            <option value="vier">Vierte Option</option>
            <option value="fünf">Fünfte Option</option>
        </optgroup>
    </select>
</div>
 
<div class="mt-2 mb-2">
  <label for="selectmulti">Select-Option-Multi:</label>
  <select class="form-select block w-full" type="select" id="selectmulti" size="10" multiple>
    <optgroup label="Treffe Deine Wahl">
      {% for o in options %}
      <option value="{{ o.value }}">{{ o.entry }}</option>
      {% endfor %}
    </optgroup>
  </select>
</div>
 
{
  "options": [
    {
      "entry": "Erste Option",
      "value": "eins"
    },
    {
      "entry": "Zweite Option",
      "value": "zwei"
    },
    {
      "entry": "Dritte Option",
      "value": "drei"
    },
    {
      "entry": "Vierte Option",
      "value": "vier"
    },
    {
      "entry": "Fünfte Option",
      "value": "fünf"
    }
  ]
}

No notes defined.