xxxxxxxxxx1
Select each option below :2
3
<select id="selectOne" class="mdb-select md-form">4
<option>Select this</option>5
<option>Then this</option>6
<option>...then this</option>7
<option>And finally, this</option>8
<option>Do you want to kill your browser ?</option>9
<option>Really ?</option>10
</select>11
12
Don't touch this one:13
<select id="selectTwo" class="mdb-select md-form">14
<option>Option 1</option>15
<option>Option 2</option>16
<option>Option 3</option>17
<option>Option 4</option>18
<option>Option 5</option>19
</select>1
1
xxxxxxxxxx1
$(document).ready(function() {2
var selectOne = $("#selectOne");3
var selectTwo = $("#selectTwo");4
var index = 6;5
6
selectOne.materialSelect();7
selectTwo.materialSelect();8
9
selectOne.on("change", function() {10
selectTwo.empty();11
12
for(var i = 0; i < 5; i++) {13
selectTwo.append("<option>Option " + index + "</option>");14
index++;15
}16
});17
}); Console errors: 0