xxxxxxxxxx1
<div class="container m-5">2
<select class="select" id="select1">3
<option value="1">One</option>4
<option value="2">Two</option>5
<option value="3">Three</option>6
<option value="4">Four</option>7
<option value="5">Five</option>8
<option value="6">Six</option>9
<option value="7">Seven</option>10
<option value="8">Eight</option>11
</select>12
13
<select class="select" id="select2" multiple>14
<option value="1">One</option>15
<option value="2">Two</option>16
<option value="3">Three</option>17
<option value="4">Four</option>18
<option value="5">Five</option>19
<option value="6">Six</option>20
<option value="7">Seven</option>21
<option value="8">Eight</option>22
</select>23
<label class="form-label select-label">Example label</label>24
25
<button type="button" class="btn btn-primary">Clear</button>26
</div>27
1
1
xxxxxxxxxx1
const instance1 = mdb.Select.getInstance(document.getElementById('select1'));2
const instance2 = mdb.Select.getInstance(document.getElementById('select2'));3
4
document.querySelector('button').addEventListener('click', ()=>{5
instance1.setValue('');6
instance2.setValue({})7
}) Console errors: 0