使用javascript

Question

我正在使用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");
    }
});

现在我希望我在数量中输入的数字将更改对象数组值的数量，并且我想通过单击添加到购物车按钮在另一个函数中访问它。

Answer 1

将事件监听器添加到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');
});

添加到购物车的方法相同。