xxxxxxxxxx
1
<div class="container-fluid">
2
<div class="row">
3
<div class="col-3">
4
<div id="the_html">
5
<select id="the_select" class="mdb-select md-form colorful-select dropdown-primary" >
6
<option value="0" disabled selected>Select option...</option>
7
</select>
8
<label class="mdb-main-label" for="the_select">Options available</label>
9
</div>
10
</div>
11
<div class="col">
12
<button id="addOption" type="button" class="btn btn-primary">Add option</button>
13
</div>
14
</div>
15
</div>
1
1
xxxxxxxxxx
1
$(document).ready(function() {
2
3
let option = 1;
4
5
$('.mdb-select').materialSelect();
6
7
$('#addOption').click(function () {
8
$('#the_select').append('<option value="' + option + '">' + option + '</option>');
9
console.log('After adding option ' + option + ': ' + $('#the_html').html() );
10
option++;
11
});
12
13
});
14
Console errors: 0