Jquery 链接下拉列表不'；似乎在IE8下不起作用

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

在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);
            }
        });
    }); 

---

是否只有

文档

具有就绪功能，因此：

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

它真的一点都不有效，更令人惊讶的是它在某些浏览器中确实有效

从：

.ready（）方法只能在与 当前文档，因此可以省略选择器

也许应该是：

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

---

如果您试图在

#dept

元素更改时绑定ajax函数，并且我假设下拉列表是

选择

元素。

@adeno我已经更改了它，但仍然没有运气-删除所有ready的痕迹没有做任何事情，是的，我正在使用dropdowns考虑一个有趣的问题，但是您是否将其全部包装在

$（document.ready（）

中了？是的，我已将所有JavaScript代码粘贴到此处：