2012-09-17 91 views
0

我使用以下jquery(theres很多,對不起)加載到動態下拉列表中,並在其中一個更改時更新。在IE瀏覽器加載在開始的下拉菜單,但似乎並沒有火上jQuery在Chrome瀏覽器工作正常IE9/IE8等失敗

任何幫助將真正理解

<script type="text/javascript"> 
    $(document).ready(function() { 

     <%= loadValues%> 
     $('.dropone').change(function() { 
      var tmpRoomID = $('.drpChg1').val(); 
      $(".drpChg2").empty(); 
      $(".drpChg2").load("ajaxdropdown.aspx?drpType=room&roomid=" + tmpRoomID, function() { 
       updateTB() 
      }); 
     }); 

     $('.droptwo').change(function() { 
      updateTB() 
     }); 

     $('.dropfive').change(function() { 
      updateTB() 
     }); 

     $('.dropfour').change(function() { 
      updateTB() 
     }); 

     $('.dropthree').change(function() { 
      var tmpRoomID = $('.drpChg3').val(); 
      $(".drpChg4").empty(); 
      $(".drpChg4").load("ajaxdropdown.aspx?drpType=cat&catID=" + tmpRoomID, function() { 
       updateTB() 
      }); 
      $(".drpChg5").load("ajaxdropdown.aspx?drpType=subcat&subcatID=" + tmpRoomID, function() { 
       updateTB() 
      }); 

     }); 

     function updateTB() { 
      $('#drop1').val($(".drpChg1").val()); 
      $('#drop2').val($(".drpChg2").val()); 
      $('#drop3').val($(".drpChg3").val()); 
      $('#drop4').val($(".drpChg4").val()); 
      $('#drop5').val($(".drpChg5").val()); 
     } 

     function loadValues() { 
      var roomID = "0" 
      $('.dropone').load('ajaxdropdown.aspx', function() { 
       $('#drop1').val($(".drpChg1").val()); 
      }); 
      $('.droptwo').load('ajaxdropdown.aspx?drpType=room&roomid=' + roomID + '', function() { 
       $('#drop2').val($(".drpChg2").val()); 
      }); 

      $('.dropthree').load('ajaxdropdown.aspx?drpType=type' + '', function() { 
       $('#drop3').val($(".drpChg3").val()); 
      }); 

      $('.dropfour').load('ajaxdropdown.aspx?drpType=cat&catID=' + roomID + '', function() { 
       $('#drop4').val($(".drpChg4").val()); 
      }); 

      $('.dropfive').load('ajaxdropdown.aspx?drpType=subcat&subcatID=' + roomID + '', function() { 
       $('#drop5').val($(".drpChg5").val()); 
      }); 

     } 

      function loadNewValues() { 
      var roomID = "0" 
      $('.dropone').load('ajaxdropdown.aspx', function() { 
       $('.drpChg1').val($("#drop1").val()); 
      }); 

      $('.droptwo').load('ajaxdropdown.aspx?drpType=room&roomid=' + roomID + '', function() { 
       $('.drpChg2').val($("#drop2").val()); 
      }); 

      $('.dropthree').load('ajaxdropdown.aspx?drpType=type' + '', function() { 
       $('.drpChg3').val($("#drop3").val()); 
      }); 

      $('.dropfour').load('ajaxdropdown.aspx?drpType=cat&catID=' + roomID + '', function() { 
       $('.drpChg4').val($("#drop4").val()); 
      }); 

      $('.dropfive').load('ajaxdropdown.aspx?drpType=subcat&subcatID=' + roomID + '', function() { 
       $('.drpChg5').val($("#drop5").val()); 
      }); 
     } 


    }); 
</script> 
+1

IE控制檯中的任何錯誤?無論如何,在你的腳本中有很多代碼味道,考慮按類別分組,並緩存jQuery選擇器,並重用函數。 – moonwave99

+0

我假設你使用了一些服務器端語言(.Net?)。 「<%= loadValues%>」評估的是什麼? – Shmiddty

回答

0

試試那些你參考鏈接的onchange事件(即使在IE9)作爲正常的鏈接。 有時是需要鏈接到瀏覽器之間的困惑:?

  • Somefile.asp等等= yaddah
  • /Somefile.asp?blah=yaddah
  • ./Somefile.asp?blah=yaddah

我有時會看到CSS。

相關問題