在IE9 / IE8等中,jQuery在chrome失败时工作正常

时间:2012-09-17 16:20:44

标签: javascript jquery html

我正在使用以下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>

1 个答案:

答案 0 :(得分:0)

尝试将您称为普通链接的链接。 有时需要链接的浏览器之间存在混淆:

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

我有时会用CSS看到这个。