javascript - onchange 事件的问题

Question

JSFiddle： 这里

我有问题onchange。我用相同的方式编写了它们，但只有一个可以正常工作。我的函数命名changerImage工作正常；就是changerLogo什么都不想做。

这两个功能几乎相同，为什么它不起作用？

function changerLogo() {
    var indice2 = lstLogos.selectedIndex;
    var choix2 = lstLogos.options[indice2].value;
    grosseImage2.src = "images/logo/" + choix2;
}

Answer 1

你拼错onchange了onchage：onload

lstLogos.onchage = changerLogo;

更新了 jsFiddle（不是图像在那里工作......）

Answer 2

除了 minitech 指出的错字之外，使用 addEventListener：

https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener

或者只是使用像 jQuery$('#1stLogos').change(function ..这样的库，它将为您完成繁重的事件监听。

http://jsfiddle.net/E7Qvg/

document.getElementById('lstLogos').addEventListener('change', changerLogo);
document.getElementById('lstPhotos').addEventListener('change', changerImage);


function changerImage() {
    var indice1 = lstPhotos.selectedIndex;
    var choix1 = lstPhotos.options[indice1].value;
    grosseImage1.src = "images/circuit/" + choix1;
    alert('changerImage works: ' + choix1);
} 

function changerLogo() {
    var indice2 = lstLogos.selectedIndex;
    var choix2 = lstLogos.options[indice2].value;
    alert('changerLogo works: ' + choix2);
}