## Multi-select

## Demo

<div data-signals="{cars:[]}">
  <label class="w-full max-w-xs form-control">
    <div class="label label-text">What's your favorite car?</div>
    <select class="select select-bordered select-lg" name="cars" data-bind-cars multiple>
      <option disabled selected>What's your favorite car</option>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>
  </label>
  <pre data-text="ctx.signals.JSON()">Signals</pre>
</div>

## Explanation

```html
<div data-signals="{cars:[]}">
  <select data-bind-cars multiple>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
  <pre data-text="ctx.signals.JSON()">Signals</pre>
</div>
```

Sometimes you need multi-select.