xxxxxxxxxx1
<br/><br/>2
<form>3
4
<select class="select" name="distances" data-mdb-select-all="false" multiple> 5
<option value="5k" selected="selected">5K</option>6
<option value="10k">10K</option>7
<option value="half-marathon">Half Marathon</option>8
<option value="marathon">Marathon</option>9
<option value="ultra-marathon">Ultra Marathon</option>10
</select>11
<label class="form-label select-label">Distance</label>12
13
<button class="btn btn-primary" type="reset" id="reset">14
Reset15
</button>16
17
</form>1
1
xxxxxxxxxx1
const select = document.querySelector('.select')2
const reset = document.querySelector('#reset')3
const instance = mdb.Select.getInstance(select)4
5
reset.addEventListener('click', () => {6
instance.setValue('')7
}) Console errors: 0