xxxxxxxxxx
1
<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
xxxxxxxxxx
1
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