jQuery MVC3 AJAX Callback для обновления DropDownList не работает в IE6

Question

У меня есть следующий jQuery для обновления выпадающего списка на основе выбранного значения другого выпадающего списка:

$("#FirstDropDownList").change(function () {
    $.get('/MyController/GetSecondDropDownListValues/' + $(this).val(), function (response) {
        var ddlValues = $.evalJSON(response);
        var ddlSecondDropDownList = $("#SecondDropDownList");

        // clear all previous options 
        $("#SecondDropDownList> option").remove();

        // populate the values of SecondDropDownList
        for (i = 0; i < ddlValues.length; i++) {
            ddlSecondDropDownList.append($("<option />").val(ddlValues[i].Id).text(ddlValues[i].Name));
            }
    });
});

Кажется, что обратный вызов работает только при нажатии кнопки отправки.

Кажется, браузер выдает ошибку 404.Он отлично работает в Chrome, IE7 +, Firefox и т. Д. К сожалению, наш клиент использует IE6.

Answer 1

Чтобы ответить на мой собственный вопрос, казалось, что IE6 не решает путь правильно. Я изменил его, чтобы удалить имя контроллера из пути:

$.get('GetSecondDropDownListValues/' + etc

Это, кажется, исправило это и в IE6 и в более новых версиях IE.

У меня есть еще одна проблема, когда обратный вызов сокращает ширину второго выпадающего списка (они оба установлены на 100%). Задание им определенной ширины исправляет это, но это не идеально. Ох, боль.