javascript相关下拉列表在IE 8中不起作用

Question

我在这里搜索过，找到了一个JavaScript下拉列表，该下拉列表基于另一个下拉列表以及我在Chrome中运行的代码而发生了变化。 但是，它在IE 8.0.6中不起作用，我想知道是否有人可以突出显示不起作用的部分，或者提出其他解决方法（JQuery，CSS等）。

当我将其加载到IE中时，第二个下拉列表完全空白。 第一个下拉列表具有数组的变体，当用户选择其中的一个时，将在数组中显示选项。 因此，如果选择iAffordability，则将在数组中显示三个值。

这是我正在使用的代码

iAffordability = new Array("Unable to Get Mortgage", "Cant Afford to Move", "Price");
iDisintruction = new Array("Branch Disinstructed");
iCourtOrder = new Array("Court Order");
iLackofComms = new Array("Marketing", "Viewings", "Offers");
iLackofOffers = new Array("Not Happy with Amount", "Not Happy with Quality");

populateSelect();

$(function () {

    $('#WD').click(function () {
        populateSelect();
    });

});


function populateSelect() {
    WD = $('#WD').val();
    $('#Sub').html();


    if (WD == 'iAffordability') {
        $('#Sub').empty();
        iAffordability.forEach(function (t) {

            $('#Sub').append('<option>' + t + '</option>');
        });
    }

    if (WD == 'iDisintruction') {
        $('#Sub').empty();
        iDisintruction.forEach(function (t) {
            $('#Sub').append('<option>' + t + '</option>');
        });
    }

    if (WD == 'iLackofComms') {
        $('#Sub').empty();
        iLackofComms.forEach(function (t) {
            $('#Sub').append('<option>' + t + '</option>');
        });
    }

    if (WD == 'iLackofOffers') {
        $('#Sub').empty();
        iLackofOffers.forEach(function (t) {
            $('#Sub').append('<option>' + t + '</option>');
        });
    }

}

JS小提琴

更新：

该代码有效，我只需要添加以下内容：

if (!window.console) console = {log: function() {}};

到我现有的JS。

Answer 1

我将建议对您的代码进行重构和干燥：

var lists = {
    iAffordability: ["Unable to Get Mortgage", "Cant Afford to Move", "Price"],
    iDisintruction: ["Branch Disinstructed"],
    iCourtOrder: ["Court Order"],
    iLackofComms: ["Marketing", "Viewings", "Offers"],
    iLackofOffers: ["Not Happy with Amount", "Not Happy with Quality"]
};

$(function () {
    populateSelect();
    $('#WD').change(function () {
        populateSelect();
    });
});

function populateSelect() {
    var WD = $('#WD').val(), $sub = $('#Sub');
    $sub.empty();
    $.each(lists[WD] || ["Error"], function(_, t) {
        $sub.append('<option>' + t + '</option>');
    });
}

即使在较旧版本的IE中也应该可以使用，因为它使用jQuery $.each函数而不是Array.prototype.forEach正如RobG指出的那样，此函数仅在IE9中添加（啊，如果只有IE像Chrome那样强制自己进行更新，确实...），并且将来扩展起来应该容易得多。