<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);
    }
  }
);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.