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/