<select class='select'>
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select class='select'>
<option selected>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
<select class='select'>
<option selected>🌨</option>
<option>⛈</option>
<option>🌥</option>
<option>☀</option>
</select>
</div>
document.addEventListener(
'change',
(e) => {
const t = e.target;
if (t.classList.contains('select')) {
alert(e.target.value);
}
}
);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.