我正在使用以下 jquery(其中有很多,抱歉)加载动态下拉列表并在其中一个更改时进行更新。在 IE 中,它在开始时加载下拉列表,但似乎不会触发 onchange 事件(即使在 IE9 中)
任何帮助将不胜感激
<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>