时间戳

首页 > 解决方案 > 取消定义函数的输入值

javascript - 取消定义函数的输入值

问题描述

我对此完全陌生，但我正在尝试用 javaScript 制作购物车。一切都很好，直到我尝试向添加到购物车的商品添加输入值。我有图片、价格和名称，但我需要添加“数量”字段。

这是该字段的输入：

            
<input type="number" id="store-item-qty" type="qty" placeholder="QTY" name="text_name" class="store-item-qty">

这是我的脚本

//value of qty---->
let qty =
       event.target.parentElement.parentElement.nextElementSibling.children[0].children[2].value;
   //add items to cart--->    
 cartItem.innerHTML = ` 
            <img src="${item.img}" class="img-fluid" id="item-img" alt="">
            <div class="item-text">

              <p id="cart-item-title" class="font-weight-bold mb-0">${item.name}</p>
              <p>    </p>
              <span id="cart-item-girth" class="cart-item-girth" class="mb-0">${item.girth}</span>
            </div>
            <p class="store-item-qty" type="qty" id="store-item-qty">${item.qty}</p>
            <a href="#" id='cart-item-remove' class="cart-item-remove">
              <i class="fas fa-trash"></i>
            </a>
          </div>
          `;
          
//var qty--->
var qty = "qty";
document.getElementById("store-item-qty").value;

但是，当我单击“添加到购物车”时，它会导入除 QTY 字段之外的所有信息并显示“取消定义”

标签： javascriptjqueryhtmlfunctioninput

解决方案

首先，您获取 Element 的值quantitiy并将其定义为let qty = .... 在您的模板中，您尝试qty从${item.qty}.

应该阅读${qty}AFAIK。

推荐阅读