xxxxxxxxxx
1
<!-- Button trigger modal -->
2
<button type="button" class="btn btn-primary" data-mdb-ripple-init data-mdb-modal-init data-mdb-target="#exampleModal">
3
Launch demo modal
4
</button>
5
6
<!-- Modal -->
7
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
8
<div class="modal-dialog">
9
<div class="modal-content">
10
<div class="modal-header">
11
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
12
<button type="button" class="btn-close" data-mdb-ripple-init data-mdb-dismiss="modal" aria-label="Close"></button>
13
</div>
14
<div class="modal-body">
15
<select id="singleSelection" data-mdb-select-init data-mdb-filter="true" data-mdb-container="#exampleModal">
16
<option value="1">One</option>
17
<option value="2">Two</option>
18
<option value="3">Three</option>
19
<option value="4">Four</option>
20
<option value="5">Five</option>
21
</select>
22
<label class="form-label select-label">Example label</label>
23
24
25
26
27
</div>
28
<div class="modal-footer">
29
<button type="button" id="resetbtn" class="btn btn-secondary" data-mdb-ripple-init data-mdb-dismiss="modal">reset/close</button>
30
<button type="button" class="btn btn-primary" data-mdb-ripple-init>Save changes</button>
31
</div>
32
</div>
33
</div>
34
</div>
1
1
xxxxxxxxxx
1
// Initialize the MDB select instance
2
const singleSelect = document.querySelector('#singleSelection');
3
const singleSelectInstance = mdb.Select.getInstance(singleSelect);
4
5
// Add event listener to the button
6
const resetBtn = document.getElementById('resetbtn');
7
resetBtn.addEventListener('click', () => {
8
singleSelectInstance.setValue('1');
9
});
Console errors: 0