javascript函数不会运行onchange

Question

window.onload = init;

function init(){
    var allSelect = document.getElementsByTagName("option");
    for (var i = 0; i < allSelect.length; i++){
        allSelect[i].onchange = loadLink;
    }
}

function loadLink(){
     alert("TEST");
}

所以我正在为一个类解决这个问题，函数非常简单。我用一个简单的警报替换了所需的代码，因为即使逐点跟踪断点它也不会运行 loadLink() 函数。 AllSelect 已填充，并且都具有带有 {} 中指定代码的 onchange 值。

我也试过手动将它放入html元素中，但还是不行。

有什么想法吗？如果有人想知道的话，我在我的计算机上本地运行 IE 和 Chrome。提前致谢。

Answer 1

onchange 事件属于选择元素，而不是选项元素。所以:

window.onload = init;

function init(){
    var allSelect = document.getElementsByTagName("select");
    for (var i = 0; i < allSelect.length; i++){
        allSelect[i].onchange = loadLink;
    }
}

function loadLink(){
     alert("TEST");
}