Javascript下拉循环似乎没有循环

时间:2013-11-18 14:15:28

标签: javascript

我有两个下拉菜单。当从第一个(bron)中选择一个值时,我想从第二个中选择一个条目。 这是从第一个下拉列表的onChange中触发的。

function DepId() {
    var bron = document.getElementById("IDUserDepartment");
    var doel = document.getElementById("IDDepartment");
    var bronwaarde = bron.options[bron.selectedIndex].value;
    for ( var i = 0; i < doel.options.length; i++ ) {
        var doelwaarde = doel.options[i].value;
        if ( doelwaarde == bronwaarde ) {
            doel.options[i].selected = true;
            return;
        }
    }
}

但这不起作用。 编辑:无论出于何种原因,我从来没有得到过匹配。当我对任何值进行硬编码,然后执行:doel.options [hardcodedvalue] .selected = true时,选择该选项。当我在循环内测试window.alert(doelwaarde)时,它总是返回零。 有什么建议吗?

1 个答案:

答案 0 :(得分:0)

你的代码应该可行,我认为它没有错。如果我可以提出三点建议:

  1. 您可能希望使用jQuery:更简单的代码,更好的多浏览器支持。

  2. 使用console.log而不是窗口警报进行调试:减少干扰,不会中断测试(请查看浏览器的开发人员控制台)。

  3. 您可能希望为变量,控件等使用英文名称。更多的开发人员可以阅读它,除了英语通常比荷兰语短;)