Javascript 需要帮助修改JS代码吗
我想有不同的URL的开放,而选择从drop1和drop2的选项。 例如:Javascript 需要帮助修改JS代码吗,javascript,html,Javascript,Html,我想有不同的URL的开放,而选择从drop1和drop2的选项。 例如: http://analytics.sial.com/rtp/inventory_analysis_country.asp?screen=Pricing_Inventory_OB如果我选择BR作为国家/地区,则应打开 及 http://analytics.sial.com/rtp/inventory_analysis.asp?screen=Pricing_Inventory_OB如果我选择国家(如中所示),则应打开 及 如果
http://analytics.sial.com/rtp/inventory_analysis_country.asp?screen=Pricing_Inventory_OB
如果我选择BR作为国家/地区,则应打开
及
http://analytics.sial.com/rtp/inventory_analysis.asp?screen=Pricing_Inventory_OB
如果我选择国家(如中所示),则应打开
及
如果没有JP&OB或JP&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>
$(文档).ready(函数(){
$('.boxy').hide();
$(“#drop1,#drop2”)。关于(“更改”,函数(){
$('.boxy').hide();
如果($('drop1').val()!=''和('drop2').val()!=''){
$(“#内容”).show();
$(“#内容”).attr(“src”http://analytics.sial.com/rtp/inventory_analysis.asp?screen=Pricing_Inventory_“+$('#drop2').val());
}
});
});
---选择国家---
印度
巴西
美国
德国
---选择PI---
OB
自动控制
LQ
因此,如果您想在选择逻辑中添加过滤器,您可以提出如下建议:
$(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
}
}
});
});
为什么要修改代码?有什么问题吗?也许在你回答我的问题后我可以帮你。要显示什么内容,不应该取决于下拉列表的选择。这就是为什么,你需要签入你的.asp文件。@FelixKling:我已经回答了你的问题。。问题中的URL已被编辑。脚本代码只有一个URL,而不是多个…然后使用一个简单的
if
语句:if($('#drop1').val()=='BR'){/*使用URL a*/}或者{/*使用URL B*/}
。“或JP、AU等..不应显示任何数据..”似乎无法选择JP或AU,因此无论如何都不可能显示或不显示任何数据。