我正在使用javascript和jquery创建购物车。 如果我按搜索按钮,表格将显示与之匹配的搜索。 以下是代码。
obj.forEach(item => {
if (item.Name.includes(inputValue) && inputValue != "") {
trSecond = document.createElement("tr");
tdName = document.createElement("td");
tdCategory = document.createElement("td");
tdMRP = document.createElement("td");
tdQuantity = document.createElement("td");
txtNameData = document.createTextNode(item.Name);
txtCategoryData = document.createTextNode(item.Catagory);
txtMRPData = document.createTextNode(item.MRP);
txtQuantityData = document.createElement("Input");
txtQuantityData.setAttribute("type", "number");
txtQuantityData.setAttribute("value", "1");
txtQuantityData.setAttribute("id", "inputQuantity");
tdName.appendChild(txtNameData);
tdCategory.appendChild(txtCategoryData);
tdMRP.appendChild(txtMRPData);
tdQuantity.appendChild(txtQuantityData);
trSecond.appendChild(tdCategory);
trSecond.appendChild(tdName);
trSecond.appendChild(tdMRP);
trSecond.appendChild(tdQuantity);
document.getElementById("searchResult").appendChild(trSecond);
}
else {
console.log("Not found");
}
});
现在我希望我在数量中输入的数字将更改对象数组值的数量,并且我想通过单击添加到购物车按钮在另一个函数中访问它。
答案 0 :(得分:0)
将事件监听器添加到txtQuantityData
txtQuantityData.addEventListener('change', () => {
// update your object value here ( I can't provide an example because you omitted the object from the code in your question)
// e.g.:
// item.amount = txtQuantityData.getAttribute('value');
});
添加到购物车的方法相同。