Wie fügt man ein onchange-Ereignis per Javascript in eine Auswahlbox ein?

Question

Ich habe ein Skript, in dem ich Auswahlfelder dynamisch erstelle. Wenn diese Felder erstellt werden, möchten wir festlegen, dass das Ereignis onchange für das neue Feld auf eine Funktion namens toggleSelect() verweist.

Ich kann nicht scheinen, die Syntax richtig zu bekommen, um das Ereignis onchange zu erstellen. Kann mir jemand sagen, was ich falsch mache? Es wirft keinen Fehler, aber auch nicht.

col = dataRow.insertCell(0); 
    var transport_select = document.createElement('select'); 
    transport_select.id = transport_select_id; 
    transport_select.options[0] = new Option('LTL', 'LTL'); 
    transport_select.options[1] = new Option('FTL', 'FTL'); 
    transport_select.onChange = function(){toggleSelect(transport_select_id);}; 
    col.appendChild(transport_select); 

Answer 1

transport_select.setAttribute("onchange", function(){toggleSelect(transport_select_id);}); 

setAttribute

oder versuchen hinzufügen onChange mit onchange

Answer 2

Hier ist ein weiterer Weg, um das Ereignis des Anbringens basierend auf W3C DOM Level 2 Events Specification ersetzt:

transport_select.addEventListener(
    'change', 
    function() { toggleSelect(this.id); }, 
    false 
); 

Answer 3

ersetzen:

transport_select.onChange = function(){toggleSelect(transport_select_id);}; 

mit:

transport_select.onchange = function(){toggleSelect(transport_select_id);}; 

---

auf 'C 'hange >> auf' c' hange

---

Sie können addEventListener auch verwenden.

Answer 4

Wenn Sie prototype.js verwenden, dann können Sie dies tun:

transport_select.observe('change', function(){ 
    toggleSelect(transport_select_id) 
}) 

Diese beseitigen (als Hoffnung), das Problem in Quer Browser