2013-02-17 27 views
0

我有两个下拉列表 - 其中第二个下拉列表根据第一个被选中的选项进行更新。链接下拉似乎并没有在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); 
      } 
     }); 
    }); 

回答

1

难道只有document具有待机功能,所以:

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

真的是完全无效,它更suprising,它实际上在一些不工作浏览器?

Docs

的。就绪()方法只能一个jQuery对象匹配 当前文档上被调用,因此可以省略选择器。

也许应该是:

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

如果你想给Ajax功能结合每当#dept元素的变化,我假设的下拉菜单是select元素。

+0

@adeno我已经改变了它,但仍然没有运气 - 删除所有准备工作的痕迹没有做任何事情,是啊我正在使用下拉列表 – methuselah 2013-02-17 03:32:49

+0

我已更新问题以反映这 – methuselah 2013-02-17 03:37:01

+0

考虑有趣的问题,但你是否包装它全部在'$(document).ready()' – adeneo 2013-02-17 03:39:30

相关问题