Javascript添加和编辑功能

我有两个问题。提交（添加）产品信息后，我希望将输入字段设置为空白。第二个问题是如何使编辑功能正常工作。它不起作用。我不知道该怎么做。希望你能帮忙

var qtyTotal=0；
var-priceTotal=0；
函数addProduct（）{
var productID=document.getElementById（“productID”）.value；
var product_desc=document.getElementById（“product_desc”）.value；
变量数量=document.getElementById（“数量”）.value；
//qtyTotal=qtyTotal+parseInt（数量）；
//document.getElementById（“qtyTotals”）.innerHTML=qtyTotal；
var price=document.getElementById（“价格”）.value；
//priceTotal=priceTotal+parseInt（价格）；
//document.getElementById（“priceTotals”）.innerHTML=priceTotal；
var table=document.getElementById（“结果”）；
var行=table.insertRow（-1）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
var cell4=行插入单元格（3）；
var cell5=行插入单元格（4）；
var cell6=行插入单元格（5）；
cell1.innerHTML=productID；
cell2.innerHTML=产品描述；
cell3.innerHTML=数量；
cell4.innerHTML=价格；
cell5.innerHTML='Edit'；
cell6.innerHTML='Delete'；
}
函数editProduct（）{
document.getElementById（“productID”）.value=productID；
document.getElementById（“产品描述”）.value=产品描述；
document.getElementById（“数量”）。值=数量；
document.getElementById（“价格”）.value=价格；
}
函数deleteProduct（节点）{
r=node.parentNode.parentNode；
r、 parentNode.removeChild（r）；
}

购物车纯Javascript
产品标识：
产品说明：
数量：
价格：


产品ID
产品说明
量
价格
行动

您需要将参数传递到“editProduct”函数中，以使其正常工作

cell5.innerHTML=' <button type="button" onClick="editProduct(\''+productID+'\', \''+product_desc+'\', \''+qty+'\', \''+price+'\');"/>Edit</button>'; 

function editProduct(productID, product_desc, qty, price){
    document.getElementById("productID").value = productID;
    document.getElementById("product_desc").value = product_desc;
    document.getElementById("quantity").value = qty;
    document.getElementById("price").value = price;      
 }

---

这对您合适吗？

用于添加后的重置。您只需添加一个代码，在添加数据后单击重置按钮即可

document.getElementById（“resetbtn”）。单击
addProduct（）
函数底部的（）

。非常感谢，它可以正常工作。我不清楚您在编辑方面的问题。你能在你的问题中进一步解释一下吗？我只需要让编辑功能工作，贾利勒是的，但是如果你按下编辑按钮。您想从哪里获取数据？你的功能需要清楚。您想让用户通过添加表单进行编辑还是创建一个可编辑的表单？当我单击“编辑”按钮时，它会自动填写输入表单（当它只有数字时），但当它有文本字符串时，它不会填写表单，您需要添加一些引号\'。我更新了代码。@vanessa如果表单与保存的数据和“编辑”按钮位于不同的页面上，它将如何工作。因此，单击“编辑”按钮将导航到表单，并用要编辑的数据填充表单

var productID = document.getElementById("productID").value || "none";
var qty = document.getElementById("quantity").value || 0;