javascript - 如何替换下拉菜单更改中链接的特定部分？

Question

当我更改下拉菜单值时，我需要一些 JavaScript 的帮助来替换链接的特定部分。我想通过下拉菜单的 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>