javascript - ドロップダウンの選択に基づいてテキストを表示します (コードは jsfiddle では機能しますが、ウェブサイトでは機能しませんか?)

Question

このコードのどこかに問題がありますが、理解できません。ここにjsfiddleリンクがあります

document.getElementById('email-list').onchange = function() {
    var i = 1;
    var myDiv = document.getElementById(i);
    while(myDiv) {
        myDiv.style.display = 'none';
        myDiv = document.getElementById(++i);
    }
    document.getElementById(this.value).style.display = 'block';
};

そこでは問題なく動作しますが、wamp または live のローカルの 2 つの異なる Web サイトのいずれかで動作させることができます。何か不足していますか？

Answer 1

onloadJsFiddle でオプションを選択したため、JS Fiddle の例が機能します。したがって、コードを次のようにラップしていることを確認してくださいwindow.onload

window.onload = function(){
document.getElementById('email-list').onchange = function() {
    var i = 1;
    var myDiv = document.getElementById(i);
    while(myDiv) {
        myDiv.style.display = 'none';
        myDiv = document.getElementById(++i);
    }
    document.getElementById(this.value).style.display = 'block';
}};

JS フィドルの例