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 上的两个不同网站中的任何一个上工作。我错过了什么吗？

Answer 1

您的 JS Fiddle 示例有效，因为您onload在 JsFiddle 中选择了选项。所以请确保你已经用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 小提琴示例