Das dynamisch hinzugefügte SELECT-Element löst in Internet Explorer kein Änderungsereignis aus
Soweit ich das beurteilen kann ist das nur im Internet Explorer kaputt. Ich habe ein Skript, das mehrere dynamische <select> -Elemente erstellt und ein Onchange-Ereignis für sie hinzufügt. Das Ereignis onchange wird in Firefox problemlos ausgelöst, in Internet Explorer jedoch nie. Verwenden der Developer Toolbar Ich sehe, dass das DOM das richtige Ereignis aufgelistet hat, es wird einfach nie ausgelöst. Ich habe das Problem auf den folgenden Code reduziert:
<html>
<head>
<script language="javascript">
function addSelect() {
var se = document.createElement('select');
se.setAttribute("onchange", "alert('Dynamic')");
se.options[0] = new Option("1", "1");
se.options[1] = new Option("2", "2");
se.options[2] = new Option("3", "3");
se.options[3] = new Option("4", "4");
var plh = document.getElementById("ph");
plh.appendChild(se);
}
</script>
</head>
<body onload="addSelect()">
<select name="something" onchange="alert('Static')">
<optgroup label="set1">
<option value="1">1</option>
<option value="2">2</option>
</optgroup>
<optgroup label="set2">
<option value="3">3</option>
<option value="4">4</option>
</optgroup>
</select>
<div id="ph">
</div>
</body>
</html>
Die statische Warnmeldung wird gut angezeigt, die dynamische jedoch führt in Internet Explorer keine Aktionen aus. Ich bin mir fast sicher, dass ich diese Arbeit woanders gesehen habe, aber ich kann anscheinend keine anderen Beispiele finden. Kennt jemand einen Weg, um dies zum Laufen zu bringen?