xxxxxxxxxx1
<div class="row">2
<div class="col-12">3
<select class="mdb-select md-form" id="cboOne">4
<option value="">Choose your country</option>5
<option value="1">USA</option>6
<option value="2">Germany</option>7
<option value="3">France</option>8
<option value="4">Poland</option>9
<option value="5">Japan</option>10
</select>11
<label class="mdb-main-label">Label example</label>12
</div>13
<div class="col-12">14
<select class="mdb-select md-form" id="cboTwo">15
<option value="">Choose your country</option>16
<option value="1">USA</option>17
<option value="2">Germany</option>18
<option value="3">France</option>19
<option value="4">Poland</option>20
<option value="5">Japan</option>21
</select>22
<label class="mdb-main-label">Label example</label>23
</div>24
</div>1
1
xxxxxxxxxx1
// Material Select Initialization2
$(document).ready(function() {3
$('.mdb-select').materialSelect();4
$('.select-wrapper > ul > li').removeClass('active');5
6
$('div.row > div:nth-child(1) > .select-wrapper > input').val("Poland");7
$('div.row > div:nth-child(1) > .select-wrapper > ul > li:nth-child(5)').addClass('active');8
9
$('div.row > div:nth-child(2) > .select-wrapper > input').val("USA");10
$('div.row > div:nth-child(2) > .select-wrapper > ul > li:nth-child(2)').addClass('active');11
12
console.log('cboOne value: ' + $('div.row > div:nth-child(1) > .select-wrapper > input').val());13
console.log('cboTwo value: ' + $('div.row > div:nth-child(2) > .select-wrapper > input').val());14
15
}); Console errors: 0