Захват переменных с помощью js без сохранения в базе данных

hello Надеюсь, вы сможете мне помочь Я пытаюсь иметь переменные размера и цвета с js без прохождения через базу данных, как я сделал с ценой Вот фрагмент кода, который я считаю необходимым

html

<table class="table table-bordered">
                <tr>
                    <th>Colors</th>
                    <td>
                        {% for color in colors %}
                            <button class="btn btn-lg choose-color" data-color="{{color.color__id}}" style="background-color: {{color.color__color_code}}"></button>
                        {% endfor %}
                    </td>
                </tr>
                <tr>
                    <th>Sizes</th>
                    <td>
                        {% for size in sizes %}
                        <button data-price="{{size.price}}" class="btn btn-outline-secondary btn-sm choose-size color{{size.color__id}}">{{size.size__title}}</button>
                        {% endfor %}
                    </td>
                </tr>
                <tr>
                    <th>Price</th>
                    <th> <span class="product-price">{{data.productattribute_set.first.price}}</span></th>
                </tr>
            </table>
            <hr/>
            <div class="input-group my-3" style="width:30%;">
              <input type="number" value="1" class="form-control" id="productQty" />
              <div class="input-group-append">
                <input type="hidden" class="product-id" value="{{data.id}}" />
                <button> Add to Cart</button> 

js

$(document).on('click',"#addToCartBtn",function(){
        var _vm=$(this);
        var _qty=$("#productQty").val();
        var _productPrice=$(".product-price").text();
        // Ajax
        $.ajax({
            url:'/add-to-cart',
            data:{
                'qty':_qty,
                'price':_productPrice,
            },

Вернуться на верх