php - 如何使用 jQuery 初始化 href

Question

我正在尝试使用以下代码附加我的 href 属性值

$(document).ready(function() { 
     jQuery("#help_url").click(function(){
        var href = $(this).attr('href');
        alert(href);
        var txt_api_key = $('#txt_api_key').val();
        var txt_postcode = $('#txt_postcode').val();
        var txt_countrycode = $('#txt_countrycode').val();
        $('a#help_url').attr('href', href+txt_postcode+"/"+txt_countrycode+"?api_key="+txt_api_key);
    });
});

这是完美的。但问题是在第一次点击后链接将变为 http://api.fastway.org/v1/psc/pickuprf/2148/1?api_key=5340c900251a6105a19a58a1590472bb在我更改“txt_countrycode”值后的下一次单击，或者如果不更改任何值，它将变为 http://api.fastway.org/v1/psc/pickuprf/2148/1?api_key=5340c900251a6105a19a58a1590472bb2148/1?api_key=5340c900251a6105a19a58a1590472bb

即，再次添加“href+txt_postcode+”/“+txt_countrycode+”?api_key="+txt_api_key"

我该如何解决这个问题？

Answer 1

一个简单的解决方案是在 dom ready 中读取 href 的值并在点击处理程序中使用它，这样 href 将具有未更新的值

$(document).ready(function () {
    var href = jQuery('#help_url').attr('href');
    jQuery("#help_url").click(function () {
        alert(href);
        var txt_api_key = $('#txt_api_key').val();
        var txt_postcode = $('#txt_postcode').val();
        var txt_countrycode = $('#txt_countrycode').val();
        $('a#help_url').attr('href', href + txt_postcode + "/" + txt_countrycode + "?api_key=" + txt_api_key);
    });
});