xxxxxxxxxx1
<div style="height: 100vh">2
<div class="flex-center flex-column">3
4
<select class="mdb-select md-form" id="mdb-select">5
<option value="" disabled selected>Choose your option</option>6
<option value="1">Option 1</option>7
<option value="2">Option 2</option>8
<option value="3">Option 3</option>9
</select>10
11
<button type="button" class="btn btn-primary" id="btn-on-change">Change the value</button>12
<button type="button" class="btn btn-primary" id="btn-on-change2">Change the value</button>13
</div>14
</div>1
1
xxxxxxxxxx1
// Material Select Initialization2
$(document).ready(function () {3
$('.mdb-select').materialSelect();4
});5
6
$('#btn-on-change').on('click', function() {7
$('#mdb-select').val('3').trigger('change');8
});9
$('#btn-on-change2').on('click', function() {10
$('#mdb-select').val('1').trigger('change');11
}); Console errors: 0