Question

我希望在从drop1＆amp ;;中选择选项时打开不同的网址。 drop2。例如：

如果我选择BR作为国家

，

http://analytics.sial.com/rtp/inventory_analysis_country.asp?screen=Pricing_Inventory_OB应该会打开

和

如果我选择国家/地区作为IN，

http://analytics.sial.com/rtp/inventory_analysis.asp?screen=Pricing_Inventory_OB应该会打开。

和

当没有像JP＆amp ;;这样的国家的数据时OB或JP＆amp; AC，然后页面应该是空白的，没有任何内容..

如何修改以下代码......

<script type="text/javascript">
$(document).ready(function () {
    $('.boxy').hide();
    $("#drop1, #drop2").on("change", function(){
        $('.boxy').hide();
        if ($('#drop1').val() !== "" && $('#drop2').val() !== "") {
            $("#content").show();
        $("#content").attr("src","http://analytics.sial.com/rtp/inventory_analysis.asp?screen=Pricing_Inventory_"+$('#drop2').val());
        }
    });
});
</script>

<select id="drop1">
    <option value="">---Select Country---</option>
    <option value="IN">India</option>
    <option value="BR">Brazil</option>
    <option value="US">United States</option>
    <option value="DE">Germany</option>
</select>

<select id="drop2">
    <option value="">---Select PI---</option>
    <option value="OB">OB</option>
    <option value="AC">AC</option>
    <option value="LQ">LQ</option>
</select>

<p>
    <iframe id="content" class="boxy" src="about:blank" width="100%" height="100%"></iframe>

Answer 1

所以，如果你想在你的选择逻辑中添加过滤器，你可以提出类似下面的内容：

$(document).ready(function () {
    $('.boxy').hide();
    $("#drop1, #drop2").on("change", function(){
        $('.boxy').hide();
        var drop1Value = $('#drop1').val();
        var drop2Value = $('#drop2').val();
        if (drop1Value !== "" && drop2Value !== "") {
            $("#content").show();
            if (drop1Value == 'BR') {
                $("#content").attr("src", "http://analytics.sial.com/rtp/inventory_analysis_country.asp?screen=Pricing_Inventory_" + drop2Value);
            } else if (drop1Value == 'IN' || drop1Value == 'US' || drop1Value == 'DE'){
                $("#content").attr("src", "http://analytics.sial.com/rtp/inventory_analysis.asp?screen=Pricing_Inventory_" + drop2Value);
            } else {
                 $("#content").hide(); // hide iframe for no matches.
                 $(".message").show(); // show message, if you want
            }
        }
    });
});

需要帮助修改JS代码

1 个答案: