xxxxxxxxxx1
<div class=" container">2
3
<form id="form1">4
5
<div class="row">6
<div class="col-6 mt-5">7
<div data-mdb-input-init class=" form-outline">8
<input type="text" id="form6Example1" class=" form-control" />9
<label class=" form-label" for="form6Example1">First name</label>10
</div>11
12
</div>13
</div>14
15
<div class="row">16
<div class="col-6 mt-2">17
<div data-mdb-input-init class=" form-outline mb-4">18
<textarea class=" form-control" id="form6Example7" rows="4"></textarea>19
<label class=" form-label" for="form6Example7">Additional information</label>20
</div>21
</div>22
</div>23
<div class="row">24
<div class="col-6 mt-2">25
<select data-mdb-select-init data-mdb-filter="true" multiple>26
<option value="1">One</option>27
<option value="2">Two</option>28
<option value="3">Three</option>29
<option value="4">Four</option>30
<option value="5">Five</option>31
<option value="6">Six</option>32
<option value="7">Seven</option>33
<option value="8">Eight</option>34
<option value="9">Nine</option>35
<option value="10">Ten</option>36
</select>37
<label class=" form-label select-label">Example label</label>38
</div>39
</div>40
<div class="row">41
<div class="col-6 mt-2">42
<div class=" form-check mb-4">43
<input class=" form-check-input me-2" type="checkbox" value="" id="form6Example8" />44
<label class=" form-check-label" for="form6Example8"> Create an account? </label>45
</div>46
</div>47
</div>48
<div class="row">49
<div class="col-6 mt-2">50
<div class=" form-outline" data-mdb-datepicker-init data-mdb-input-init>51
<input type="text" class=" form-control" id="exampleDatepicker11" />52
<label for="exampleDatepicker11" class=" form-label">Select a date</label>53
</div>54
</div>55
</div>56
57
<div class="row">58
<div class="col-6 mt-2">59
<div class=" form-check form-switch">60
<input class=" form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />61
<label class=" form-check-label" for="flexSwitchCheckDefault">Default switch checkbox62
input</label>63
</div>64
</div>65
</div>66
67
<!-- Message input -->68
69
70
71
<!-- Checkbox -->72
73
74
75
76
77
78
<button type="button" class=" btn btn-secondary" id="btnreset" data-mdb-ripple-init>reset</button>79
<button type="button" class=" btn btn-primary" id="btnsubmit" data-mdb-ripple-init>submit</button>80
</form>81
</div>1
1
xxxxxxxxxx1
document.getElementById('btnreset').addEventListener('click', function() {2
document.getElementById('form1').reset();3
4
const selectEls = document.querySelectorAll('.select');5
selectEls.forEach(selectEl => {6
const instance = mdb.Select.getInstance(selectEl);7
if (instance) {8
instance.setValue([]);9
}10
});11
}); Console errors: 0