How do I pass a argument in this function

Question

I am working On a shopping cart function, but I want to send product id's to This javascript part.

    $(".qtybutton").on("click", function(){
        var $button = $(this);
        var oldValue = $button.parent().find("input").val();
        var id = $button.parent().find("key").val();
        if ($button.text() === "+") {

            var newVal = parseFloat(oldValue) + 1;
            $.post("cart_session.php", {action:'call_this', newVal: newVal },
            function(data) {
                $('#results').html(data);
            });
        } 

This is the html part.

<div class="dec qtybutton">-</div>
<form method="POST">
<input class="cart-plus-minus-box" type="integer" value="2" disabled>
</form>
<div class="inc qtybutton">+</div>

I want to will pass argument with php ex:- function(<?= $key?>) , I want to know how do I do this?

Answer 1

I would suggest putting the product id in the form field as a data attribute. That way you can always associate the product id with the quantity.

 $(".qtybutton").on("click", function() { let $button = $(this), $inc = $button.closest('.q-cont').find("input") let newVal = Math.max(0,+$inc.val() + +$button.data('inc')) $inc.val(newVal); let id = $inc.data('productid'); console.log('newVal:', $inc.val(), 'id:', id) });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='q-cont'> <div class="dec qtybutton" data-inc="-1">-</div> <form method="POST"> <input class="cart-plus-minus-box" data-productid="5" type="integer" value="2" disabled> </form> <div class="inc qtybutton" data-inc="1">+</div> </div>