Javascript onchange事件。 選擇/選項html下拉輸入

Question

var inputDrop = document.createElement('select');
inputDrop.setAttribute("onchange", function test(){alert("test");});
form.appendChild(inputDrop);


var inputOpt1 = document.createElement('option');
inputOpt1.value="1";
inputOpt1.innerHTML="1";
inputDrop.appendChild(inputOpt1);

var inputOpt2 = document.createElement('option');
inputOpt2.value="2";
inputOpt2.innerHTML="2";
inputDrop.appendChild(inputOpt2);

form.appendChild(inputDrop);

我需要分配某種事件處理程序以選擇帶有許多選項的下拉輸入字段。 每當選擇其他選項時，我都需要執行一個函數。 上面的方法無效，inputDrop.onchange =“ alert（'test'）”也無效。 不知道我在這里做錯什么，請有人建議嗎？

謝謝。

Answer 1

皮特。 您正在尋找的是類似

inputDrop.addEventListener('change', function() {
    alert("PETE'S TEST"); });

我整理了一個jsFiddle來演示此工作： http : //jsfiddle.net/pbaXP/1/

Answer 2

這似乎正在工作

inputDrop.onchange = function test(){alert("test");};

在這里工作演示