Select multiple

A select can have a multiple attribute, in which case it will populate an array rather than selecting a single value.

Returning to our earlier ice cream example, we can replace the checkboxes with a <select multiple>:

  1. <h2>Flavours</h2>
  2. <select multiple bind:value={flavours}>
  3. {#each menu as flavour}
  4. <option value={flavour}>
  5. {flavour}
  6. </option>
  7. {/each}
  8. </select>