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

我需要为具有多个选项的select 下拉输入字段分配某种事件处理程序。只要选择其他选项，我都需要执行功能。以上不起作用，inputDrop.onchange="alert('test')"; 不确定我在这里做错了什么，有人可以建议吗？

谢谢。

Answer 1

皮特。你要找的是类似

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

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