javascript - onchange イベントの問題

Question

JSFiddle: こちら

に問題がありonchangeます。両方とも同じように書きましたが、正しく機能するのは 1 つだけです。名前が付けられた私の関数は正常にchangerImage動作します。それchangerLogoは何もしたくないということです。

これら 2 つの機能はほとんど同じですが、なぜ機能しないのでしょうか?

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

$('#1stLogos').change(function ..または、重いイベント リスニング リフティングを行うjQuery のようなライブラリを使用するだけです。

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);
}