如何通过Javascript在单击按钮时向表格中添加新行
如何通过Javascript在单击按钮时向表格中添加新行
这个问题已经有了:在jQuery中添加表格行
大家好,我在我的代码中遇到了一个问题。我想在点击“添加产品”时添加一个具有相同字段的新行。然而,当我运行代码并点击添加产品时,它不起作用。
这是HTML代码:
Item Name Item Code Description Quantity Price Image
这是我用于删除和添加的脚本:
function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var cell1 = row.insertCell(0); var element1 = document.createElement("input"); element1.type = "text"; element1.name="itemname"; cell1.appendChild(element1); var cell2 = row.insertCell(1); var element2 = document.createElement("input"); element2.type = "text"; element2.name = "itemcode"; cell3.appendChild(element2); var cell3 = row.insertCell(2); var element3 = document.createElement("input"); element3.type = "text"; element3.name = "description"; cell3.appendChild(element3); var cell4 = row.insertCell(3); var element4 = document.createElement("input"); element4.type = "text"; element4.name = "quantity"; cell4.appendChild(element4); var cell5 = row.insertCell(4); var element5 = document.createElement("input"); element5.type = "text"; element5.name = "price"; cell5.appendChild(element5); var cell6 = row.insertCell(5); var element6 = document.createElement("input"); element6.type = "file"; element6.name = "image"; cell6.appendChild(element6); var cell7 = row.insertCell(6); var element7 = document.createElement("input"); element7.type = "checkbox"; element7.name = "check"; } function deleteRow(tableID) { try { var table = document.getElementById(tableID); var rowCount = table.rows.length; for(var i=0; i<rowCount; i++) { var row = table.rows[i]; var chkbox = row.cells[0].childNodes[0]; if(null != chkbox && true == chkbox.checked) { table.deleteRow(i); rowCount--; i--; } } }catch(e) { alert(e); } }
提前感谢您的帮助。
admin 更改状态以发布 2023年5月22日
迎宾服务应该被称为"迎宾服务"
并将元素2中的cell3更改为cell2
function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var cell1 = row.insertCell(0); var element1 = document.createElement("input"); element1.type = "text"; element1.name="itemname"; cell1.appendChild(element1); var cell2 = row.insertCell(1); var element2 = document.createElement("input"); element2.type = "text"; element2.name = "itemcode"; cell2.appendChild(element2); var cell3 = row.insertCell(2); var element3 = document.createElement("input"); element3.type = "text"; element3.name = "description"; cell3.appendChild(element3); var cell4 = row.insertCell(3); var element4 = document.createElement("input"); element4.type = "text"; element4.name = "quantity"; cell4.appendChild(element4); var cell5 = row.insertCell(4); var element5 = document.createElement("input"); element5.type = "text"; element5.name = "price"; cell5.appendChild(element5); var cell6 = row.insertCell(5); var element6 = document.createElement("input"); element6.type = "file"; element6.name = "image"; cell6.appendChild(element6); var cell7 = row.insertCell(6); var element7 = document.createElement("input"); element7.type = "checkbox"; element7.name = "check"; } function deleteRow(tableID) { try { var table = document.getElementById(tableID); var rowCount = table.rows.length; for(var i=0; i
Item Name Item Code Description Quantity Price Image