# EuiSelectMultipleControlValueAccessor

**Type:** directive

<p>The <code>ControlValueAccessor</code> for writing multi-select control values and listening to multi-select
control changes. The value accessor is used by the <code>FormControlDirective</code>, <code>FormControlName</code>, and
<code>NgModel</code> directives.</p>
<p>See <code>EuiSelectControlValueAccessor</code></p>
<h3>Using a multi-select control</h3>
<p>The follow example shows you how to use a multi-select control with a reactive form.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-ts">const countryControl = new FormControl();</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none">&lt;select euiSelect multiple name=&quot;countries&quot; [formControl]=&quot;countryControl&quot;&gt;
  &lt;option euiOption *ngFor=&quot;let country of countries&quot; [ngValue]=&quot;country&quot;&gt;
    {{ country.name }}
  &lt;/option&gt;
&lt;/select&gt;</code></pre></div><h3>Customizing option selection</h3>
<p>To customize the default option comparison algorithm, <code>&lt;select&gt;</code> supports <code>compareWith</code> input.
See the <code>SelectControlValueAccessor</code> for usage.</p>


**Selector:** `select[multiple][formControlName][euiSelect],select[multiple][formControl][euiSelect],select[multiple][ngModel][euiSelect]`

**Standalone:** false

## Inputs

- **isInvalid**: `boolean` - 
