xxxxxxxxxx1
<select class="select" id="mySelect" data-mdb-filter="true" data-mdb-container=".div-container" style="width: 300px;">2
<option value="1">One very long option text</option>3
<option value="2">Two very long option text</option>4
<option value="3">Three very long option text</option>5
<option value="4">Four very long option text</option>6
<option value="5">Five very long option text</option>7
</select> 8
<button id="toggleMySelect" class="btn btn-primary" data-mdb-toggle="mySelect">9
Toggle Select10
</button>11
<div style="height: 200px; background-color:#333333">12
13
</div>14
<div class="div-container" style="min-width:300px; background-color:#333333;">15
16
</div>1
1
xxxxxxxxxx1
const selectEl = document.getElementById('mySelect')2
const select = mdb.Select.getInstance(selectEl)3
4
document.getElementById("toggleMySelect").onclick = function () {5
select.open()6
}; Console errors: 0