Question

JSFiddle：here

我遇到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;

Updated jsFiddle（不是图像在那里工作......）

Answer 2

除了指出的拼写错误，请使用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);
}

onchange事件的问题

2 个答案: