如何更新购物车？产品预览图片、产品名称、价格应更新

问题描述

这是有效的，但始终使用相同的 product-priview.png、productName 和 price。如何用我的真实产品信息替换 productId、Image、productName、price 和 url。我如何检查产品是否已经在购物车中，如果它在购物车中，只需更新数量。

function addProduct(target) {
            productId = productId + 1;
            var productAdded = 
<li class="cd-cart__product">
    <div class="cd-cart__image">
        <a href="#0"><img src="assets/img/product-preview.png" alt="placeholder"></a>
    </div>
    <div class="cd-cart__details">
        <h3 class="truncate">
            <a href="#0">Product Name</a>
        </h3>
            <span class="cd-cart__price">$10.00</span>
                <div class="cd-cart__actions">
                    <a href="#0" class="cd-cart__delete-item">Delete</a>
                        <div class="cd-cart__quantity">
                            <label for="cd-product-'+ productId +'">Qty</label>
                                <span class="cd-cart__select">
                                    <select class="reset" id="cd-product-'+ productId +'" name="quantity">
                                        <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>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                    </select>
                                        <svg class="icon" viewBox="0 0 12 12">
                                            <polyline fill="none" stroke="currentColor" points="2,4 6,8 10,4 "/>
                                        </svg>
                                </span>
                        </div>
                </div>
    </div>
</li>;
            cartList.insertAdjacentHTML('beforeend',productAdded);
        };

  

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）