2013-02-17 70 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