修改javascript中按钮的php页面链接

修改javascript中按钮的php页面链接,javascript,html,Javascript,Html,我是一个初学者,希望得到一些帮助,看看我在哪里犯了错误。我已经调整了“查找价格”和“私人聚会”两个按钮的链接。我试着调整一些身份证的形式,但没有运气。我在开发javascript时得到了一些帮助,现在我想进行更改,我遇到了一些麻烦。我花了几个小时试图解决这个问题,但还是没有运气 按钮中的链接当前指向两个不同的php页面,需要对其进行调整,以便我可以让页面上的链接指向不同的php页面 如果有任何关于如何解决我的问题的建议,我将不胜感激 请不要用负面评论撕开这篇文章,我刚刚开始自学编码,需要一些帮助

我是一个初学者,希望得到一些帮助,看看我在哪里犯了错误。我已经调整了“查找价格”和“私人聚会”两个按钮的链接。我试着调整一些身份证的形式,但没有运气。我在开发javascript时得到了一些帮助,现在我想进行更改,我遇到了一些麻烦。我花了几个小时试图解决这个问题,但还是没有运气

按钮中的链接当前指向两个不同的php页面,需要对其进行调整,以便我可以让页面上的链接指向不同的php页面

如果有任何关于如何解决我的问题的建议,我将不胜感激

请不要用负面评论撕开这篇文章,我刚刚开始自学编码,需要一些帮助/建议。谢谢

我已经发布了一张它看起来像什么的图片,并包含了代码

JS:

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>