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>
IE控制檯中的任何錯誤?無論如何,在你的腳本中有很多代碼味道,考慮按類別分組,並緩存jQuery選擇器,並重用函數。 – moonwave99
我假設你使用了一些服務器端語言(.Net?)。 「<%= loadValues%>」評估的是什麼? – Shmiddty