修改javascript中按钮的php页面链接
我是一个初学者,希望得到一些帮助,看看我在哪里犯了错误。我已经调整了“查找价格”和“私人聚会”两个按钮的链接。我试着调整一些身份证的形式,但没有运气。我在开发javascript时得到了一些帮助,现在我想进行更改,我遇到了一些麻烦。我花了几个小时试图解决这个问题,但还是没有运气 按钮中的链接当前指向两个不同的php页面,需要对其进行调整,以便我可以让页面上的链接指向不同的php页面 如果有任何关于如何解决我的问题的建议,我将不胜感激 请不要用负面评论撕开这篇文章,我刚刚开始自学编码,需要一些帮助/建议。谢谢 我已经发布了一张它看起来像什么的图片,并包含了代码 JS:修改javascript中按钮的php页面链接,javascript,html,Javascript,Html,我是一个初学者,希望得到一些帮助,看看我在哪里犯了错误。我已经调整了“查找价格”和“私人聚会”两个按钮的链接。我试着调整一些身份证的形式,但没有运气。我在开发javascript时得到了一些帮助,现在我想进行更改,我遇到了一些麻烦。我花了几个小时试图解决这个问题,但还是没有运气 按钮中的链接当前指向两个不同的php页面,需要对其进行调整,以便我可以让页面上的链接指向不同的php页面 如果有任何关于如何解决我的问题的建议,我将不胜感激 请不要用负面评论撕开这篇文章,我刚刚开始自学编码,需要一些帮助
var-selectedGB;
var选择载体;
var显示载体;
$(文档).ready(函数(){
$('.home rt').hide();
$('.gb按钮')。每个(函数(){
$(此)。单击(函数(){
$('.gb button').removeClass('gb-button-selected');
log($(this.val());
selectedGB=$(this.val().slice(0,-2);
$(this.addClass('gb-button-selected');
updateDisplay();
});
});
$('.carrier按钮')。每个(函数(){
$(此)。单击(函数(){
$('.carrier-button')。removeClass('carrier-button-selected');
$('.home rt').hide();
if($(this).hasClass('carrier-ATT')){
selectedCarrier='ATT';
}else if($(this).hasClass('carrier-Sprint')){
selectedCarrier='Sprint';
}else if($(this).hasClass('carrier-Verizon')){
selectedCarrier='Verizon';
}else if($(this).hasClass('carrier-Rogers')){
selectedCarrier='Rogers';
}else if($(this).hasClass('carrier-Fido')){
selectedCarrier='Fido';
}否则,如果($(此).hasClass('carrier-蟋蟀')){
selectedCarrier=‘Cricket’;
}else if($(this).hasClass('carrier-Unlocked')){
selectedCarrier=‘解锁’;
}else if($(this).hasClass('carrier-T-Mobile')){
selectedCarrier='TMobile';
}else if($(this).hasClass('carrier-Wi-Fi')){
selectedCarrier='WiFi';
}否则{
selectedCarrier=‘其他’;
}
如果(选定的承运人=“收件人”){
displayCarrier=“AT&T”;
}否则{
displayCarrier=所选承运人;
}
$(this).addClass('carrier-button-selected');
updateDisplay();
});
$('.price按钮')。每个(函数(){
$(此)。单击(函数(){
$('.price-button').removeClass('price-button-selected');
selectedPrice=$(this.val();
$(this.addClass('price-button-selected');
updateDisplay();
});
});
});
});
函数updateDisplay(){
$('.home rt').hide();
如果(选定的承运人){
$(“#deviceLink”).attr(“href”、“/sell/price/”+设备+“/”+型号+“/”+选定的运营商+“/”+选定的EDGB);
$(“#deviceText”).attr(“href”、“/sell/price/”+设备+“/”+型号+“/”+选定的载体+“/”+选定的EDGB);
$(“#设备文本”).html(设备+”+型号+“
“+选定的EDGB+”GB“+”+显示载体);
美元(“#经销商”).attr(“行动”,“销售/价格/”+设备+“/”+型号+“/”+选定的承运人+“/”+选定的EDGB);
$(“#private”).attr(“操作”,“出售/私有/”+设备+“/”+型号+“/”+选定的承运人+“/”+选定的承运人);
$(“#displayImage”).attr(“src”、“图像/规格”+设备+“#”+模型+”.jpg”);
$(“.selectedView”).show();
}
}
代码:
选择您的黑莓q10
选择您的运营商:
var device=“黑莓”;
var模型=“q10”;
给定的代码中只有一个链接没有href值。post otherspecs.js Too只需将链接放在两个表单的action
属性中即可?我不确定这是为什么。目前,“查找价格”和“私人参与方”按钮都指向不同的phppages@mplungjan我已经发布了otherspecs.js
var selectedGB;
var selectedCarrier;
var displayCarrier;
$(document).ready(function() {
$('.home-rt').hide();
$('.gb-button').each(function() {
$(this).click(function() {
$('.gb-button').removeClass('gb-button-selected');
console.log($(this).val());
selectedGB = $(this).val().slice(0,-2);
$(this).addClass('gb-button-selected');
updateCDisplay();
});
});
$('.carrier-button').each(function() {
$(this).click(function() {
$('.carrier-button').removeClass('carrier-button-selected');
$('.home-rt').hide();
if ( $(this).hasClass('carrier-ATT') ) {
selectedCarrier = 'ATT';
} else if ( $(this).hasClass('carrier-Sprint') ) {
selectedCarrier = 'Sprint';
} else if ( $(this).hasClass('carrier-Verizon') ) {
selectedCarrier = 'Verizon';
} else if ( $(this).hasClass('carrier-Rogers') ) {
selectedCarrier = 'Rogers';
} else if ( $(this).hasClass('carrier-Fido') ) {
selectedCarrier = 'Fido';
} else if ( $(this).hasClass('carrier-Cricket') ) {
selectedCarrier = 'Cricket';
} else if ( $(this).hasClass('carrier-Unlocked') ) {
selectedCarrier = 'Unlocked';
} else if ( $(this).hasClass('carrier-T-Mobile') ) {
selectedCarrier = 'TMobile';
} else if ( $(this).hasClass('carrier-Wi-Fi') ) {
selectedCarrier = 'WiFi';
} else {
selectedCarrier = 'Other';
}
if (selectedCarrier == "ATT") {
displayCarrier = "AT&T";
} else {
displayCarrier = selectedCarrier;
}
$(this).addClass('carrier-button-selected');
updateCDisplay();
});
$('.price-button').each(function() {
$(this).click(function() {
$('.price-button').removeClass('price-button-selected');
selectedPrice = $(this).val();
$(this).addClass('price-button-selected');
updateCDisplay();
});
});
});
});
function updateCDisplay() {
$('.home-rt').hide();
if (selectedCarrier){
$("#deviceLink").attr("href", "/sell/price/"+device+"/"+model+"/"+selectedCarrier+"/"+selectedGB);
$("#deviceText").attr("href", "/sell/price/"+device+"/"+model+"/"+selectedCarrier+"/"+selectedGB);
$("#deviceText").html(device + " " + model + "<br/>" + selectedGB + "GB" + " " + displayCarrier);
$("#dealer").attr("action", "/sell/price/"+device+"/"+model+"/"+selectedCarrier+"/"+selectedGB);
$("#private").attr("action", "/sell/private/"+device+"/"+model+"/"+selectedCarrier+"/"+selectedGB);
$("#displayImage").attr("src", "images/specs_"+device+"_"+model+".jpg");
$(".selectedView").show();
}
}
<div class="container" style="margin-top:-10px;margin-bottom:20px">
<div class="content">
<div class="content-inner">
<div id="splash">
<h4>Select your Blackberry q10</h4>
<div style="margin-top:18px; width:100%;min-height:350px;">
<div>
<div class="clear"></div>
<div style="text-align:center;margin:10px 0 20px 0;"><!---<img src="/images/test.jpg"/>-->
<div style="font-size:16px">Choose Your Carrier:</div>
<div><!--<input class="carrier-button carrier-all carrier-button-selected " type="button">--><input class="carrier-button carrier-ATT" type="button" /> <input class="carrier-button carrier-Verizon" type="button" /><input class="carrier-button carrier-T-Mobile" type="button" /> <input class="carrier-button carrier-Unlocked" type="button" /></div>
</div>
<div style="text-align:center;margin:10px 0 20px 0;">
</div>
<script>
var device = "Blackberry";
var model = "q10";
</script><script type="text/javascript" src="js/otherspecs.js"></script>
<div class="selectedView" style="margin-left: auto;margin-right: auto; width:35%; opacity: 0.980668; display:none;">
<div style="height:200px; text-align:center; float:left; display:table;">
<div style="display:table-cell; vertical-align:middle;">
<form action="" id="dealer"><input class="price-button" title="Compare different company quotes" type="submit" value="Find Prices" /></form>
<form action="" id="private"><input class="price-button" title="Sell it independently" type="submit" value="Private Party" /></form>
</div>
</div>
<div style="float:right;">
<div class="recent-trade-img" style="margin:10px 0 0 0;"><a href="" id="deviceLink"><img id="displayImage" src="" /></a></div>
<div class="name" style="margin:10px 0 0 0; text-align:center;"></div>
</div>
</div>