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 () { ...

实际上根本没有效果，它在某些浏览器中确实有效会更令人惊讶吗？

来自Docs：

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

也许应该是：

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

如果你试图将ajax函数绑定到#dept元素发生变化时，我假设下拉列表是select元素。

在IE8下，链接下拉列表似乎不起作用

1 个答案: