xxxxxxxxxx1
<div class="m-4 p-4">2
3
<select class="select" id="multiSelect" multiple>4
<option value="1">One</option>5
<option value="2">Two</option>6
<option value="3">Three</option>7
<option value="4">Four</option>8
<option value="5">Five</option>9
<option value="6">Six</option>10
<option value="7">Seven</option>11
<option value="8">Eight</option>12
</select>13
<label class="form-label select-label">Example label</label>14
15
</div>16
17
<button class="btn btn-primary" id="clearButton">18
Clear! 19
</button>1
1
xxxxxxxxxx1
const clearButtonEl = document.querySelector('#clearButton');2
const multiSelectEl = document.querySelector('#multiSelect')3
clearButtonEl.addEventListener('click', () => {4
mdb.Select.getInstance(multiSelectEl).setValue([]);5
}) Console errors: 0