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

Working demo here