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