Event weiterleiten ...

[heinetz]

Hallo Forum,

für ich hatte mal folgendes Markup:

<select class="my_select">
 <option></option>
 …
</select>

... ein Script geschrieben

document.querySelector('.my_select').addEventListener('change', e => {
 ... do something
});

Nun hat sich das Markup geändert …

<div class="my_select">
 <select class="my_select_form_element">
  <option></option>
  …
 </select>
</div>

Wie kann ich (mit einem zusätzlichen Script) dafür sorgen, dass mein Script nach wie vor funktioniert? Oder mit andern Worten: Ich möchte in meinem zusätzlichen Script so etwas definieren wie:

document.querySelector('.my_select > select').addEventListener('change', e => {
 ... send e to parentselector .my_select
});

Ist das verständlich?

danke und Gruss, heinetz