jquery - 链接的下拉菜单似乎在 IE8 下不起作用

Question

我有两个下拉列表-第二个是根据第一个中选择的选项更新的。

在 IE8 上测试这些后，我发现当第一个下拉列表更改时，第二个下拉列表根本不更新！它仍然是空的！

我该如何解决？它在 Chrome 和 Firefox 下运行良好。

jQuery

$("#dept").on("change blur", function () {
        var dept = $("#dept").val();
        var dataString = 'dept=' + dept;
        $.ajax({
            type: "POST",
            url: "process_dept.php",
            data: dataString,
            cache: false,
            success: function (html) {
                $('#moduleCode').html(html);
            }
                });
        $.ajax({
            type: "POST",
            url: "process_moduleCode.php",
            data: dataString,
            cache: false,
            success: function (html) {
                $('#moduleName').html(html);
            }
        });
    }); 

Answer 1

难道只有document有一个现成的功能，所以：

$("#dept").ready(function () { ...

真的完全无效，更令人惊讶的是它确实在某些浏览器中工作？

从文档：

.ready() 方法只能在匹配当前文档的 jQuery 对象上调用，因此可以省略选择器。

也许应该是：

$("#dept").on('change', function () { ...

如果您尝试将 ajax 函数绑定到#dept元素更改时，并且我假设下拉菜单是select元素。