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

时间:2013-01-22 03:01:16

标签: javascript forms addeventlistener

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')”; 不确定我在这里做错了什么,请有人可以帮忙吗?

感谢。

2 个答案:

答案 0 :(得分:6)

皮特。您正在寻找的是

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

我把一个jsFiddle放在一起演示这个工作:http://jsfiddle.net/pbaXP/1/

答案 1 :(得分:0)

这似乎有效

inputDrop.onchange = function test(){alert("test");};

Working demo here