javascript - Javascript onchange事件。选择/选项html下拉输入

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

我需要为带有许多选项的 select 下拉输入字段分配某种事件处理程序。我需要每当选择了不同的选项来执行功能。上面的方法无效， inputDrop.onchange =“alert('test')”;也无效。 不知道我在这里做错了什么，请有人建议吗？

谢谢。

最佳答案

皮特您正在寻找的是类似

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

我整理了一个jsFiddle来演示此工作:http://jsfiddle.net/pbaXP/1/