# EuiSelectMultipleControlValueAccessor

**Type:** directive



The `ControlValueAccessor` for writing multi-select control values and listening to multi-select
control changes. The value accessor is used by the `FormControlDirective`, `FormControlName`, and
`NgModel` directives.

See `EuiSelectControlValueAccessor`


### Using a multi-select control

The follow example shows you how to use a multi-select control with a reactive form.

```ts
const countryControl = new FormControl();
```

```
<select euiSelect multiple name="countries" [formControl]="countryControl">
  <option euiOption *ngFor="let country of countries" [ngValue]="country">
    {{ country.name }}
  </option>
</select>
```

### Customizing option selection

To customize the default option comparison algorithm, `<select>` supports `compareWith` input.
See the `SelectControlValueAccessor` for usage.



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

## Inputs
- **isInvalid**: `boolean` -