.chained下拉列表在IE10中不起作用

时间:2013-12-19 10:24:57

标签: javascript jquery bind internet-explorer-10 chained

以下代码适用于所有浏览器栏IE10,除非在兼容模式下。现在有人如何在正常模式下让这段代码在IE10中运行?

<script type="text/javascript" src="/content/ebiz/superdrug/resources/js/chained.js">      
</script> 
<script type="text/javascript"   src="/content/ebiz/superdrug/resources/js/jquery.chained.remote.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() {
    $("#stores").chained("#county");
    $("#county").bind(($.browser.msie ? "propertychange" : "change"), function(event) {
        event.preventDefault();
        if ("" != $(this).val()) {
            $("#storedropdown").fadeIn();
        } else {
            $("#storedropdown").hide();
            $("#fsbuttons").hide();
        }
    });
    $("#stores").bind(($.browser.msie ? "propertychange" : "change"), function(event) {
        event.preventDefault();
        if ("" != $(this).val()) {
            $("#fsbuttons").fadeIn();
        } else {
            $("#fsbuttons").hide();
        }
    });
});

</script>

由于

1 个答案:

答案 0 :(得分:0)

您可以尝试以下方法:

$(document).ready(function() {
    $("#stores").chained("#county");
    $("#county").on("change", function(event) {
        event = event || window.event;
        event.preventDefault();
        if ("" != $(this).val()) {
            $("#storedropdown").fadeIn();
        } else {
            $("#storedropdown").hide();
            $("#fsbuttons").hide();
        }
    });
    $("#stores").on("change", function(event) {
        event = event || window.event;
        event.preventDefault();
        if ("" != $(this).val()) {
            $("#fsbuttons").fadeIn();
        } else {
            $("#fsbuttons").hide();
        }
    });
});