如何替換下拉菜單更改中的鏈接的特定部分？

Question

當我更改下拉菜單值時，我需要一些Java腳本幫助來替換鏈接的某些部分。 我想通過下拉菜單的javascript onchange替換鏈接的一部分。 因此，當我更改下拉菜單時，我想在下面的鏈接中使用var e更改數字theTotal = 12 ：

<a class="btn_full" href="/traveltour/index.php/paypal/buy?theTotal=12&amp;description=Pinko+Pallino+&amp;quantity=1&amp;tour_id=6&amp;tourextra_id=11&amp;guide_id=35">Go to payment</a>

 $(document).ready(function () {


        $("#Toursextra_count").on("change", function () {

            var a = 22;
            var b = $(this).find("option:selected").attr("value") * a;
            var c = $(this).find("option:selected").attr("value");
            var d = (b*0.10).toFixed(2);
            var e = parseFloat(d)+parseFloat(b);
            $(".totalcash ").text(b);
            $(".adults").text(c);
            $(".comission").text(d);
            $(".grantotal").text(e);
        });
    });

Answer 1

您可以將.replace()與regular expression配合使用，以操縱鏈接的href屬性，如下所示：

jsFiddle

  $(document).ready(function () { $("#Toursextra_count").on("change", function () { var a = 22; var b = $(this).val() * a; var c = $(this).val(); var d = (b*0.10).toFixed(2); var e = parseFloat(d)+parseFloat(b); $(".totalcash ").text(b); $(".adults").text(c); $(".comission").text(d); $(".grantotal").text(e); var url = $('#myBtn').attr('href'); var newSection = 'theTotal='+e+'&' url = url.replace(/theTotal=[\\d.]+&/,newSection) $('#myBtn').attr('href',url); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <a class="btn_full" id="myBtn" href="/traveltour/index.php/paypal/buy?theTotal=12&amp;description=Pinko+Pallino+&amp;quantity=1&amp;tour_id=6&amp;tourextra_id=11&amp;guide_id=35">Go to payment</a> <select name="" id="Toursextra_count"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select>