xxxxxxxxxx1
<div class="container">2
<select class="select" id="first">3
<option value="1">One</option>4
<option value="2">Two</option>5
<option value="3">Three</option>6
<option value="4">Four</option>7
<option value="5">Five</option>8
<option value="6">Six</option>9
<option value="7">Seven</option>10
<option value="8">Eight</option>11
</select>12
<select class="select" id="second">13
<option value="1">One</option>14
<option value="2">Two</option>15
<option value="3">Three</option>16
<option value="4">Four</option>17
<option value="5">Five</option>18
<option value="6">Six</option>19
<option value="7">Seven</option>20
<option value="8">Eight</option>21
</select>22
<select class="select" id="third">23
<option value="1">One</option>24
<option value="2">Two</option>25
<option value="3">Three</option>26
<option value="4">Four</option>27
<option value="5">Five</option>28
<option value="6">Six</option>29
<option value="7">Seven</option>30
<option value="8">Eight</option>31
</select>32
</div>33
34
<div class="output">35
36
</div>xxxxxxxxxx1
.container {2
padding: 5em;3
}4
5
.container > * + * {6
margin-top: 1em;7
}xxxxxxxxxx1
document.querySelector('.container').addEventListener('close.mdb.select', e => {2
console.debug('Event fired', e.target)3
}) Console errors: 0