Estoy implementando una función para agregar una fila de tabla cuando se hace clic en un botón.

A continuación se muestra la tabla.

 <table id="table"> <tr> <td>num</td> <td>name</td> <td>procedure</td> <td>expect</td> </tr> <tr> <td><h4></h4></td> <td><input type="text" name="testCaseName" id="testCaseName"></td> <td><textarea name="testProcedure" id="testProcedure" onkeydown="resize(this)" onkeyup="resize(this)"></textarea></td> <td><input type="text" name="expect" id="expect"></td> </tr> <tr> <td> <input type="button" value="addRow" onclick="addRow()"></input> <input type="submit" value="submit"> </td> </tr> </table>

A continuación se muestra la función de añadir fila.

 function addRow() { var table = document.getElementById("table"); var row = table.insertRow(0); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); var cell4 = row.insertCell(3); cell1.innerHTML = "<h4></h4>"; cell2.innerHTML = "<input type='text' name='testCaseName' id='testCaseName'>"; cell3.innerHTML = "<textarea name='testProcedure' id='testProcedure' onkeydown='resize(this)' onkeyup='resize(this)'></textarea>"; cell4.innerHTML = "<input type='text' name='expect' id='expect'>"; }

Si haces esto el problema

Es muy natural, pero cuando se guarda en la base de datos después de enviarlo, se guarda todo en una fila.

Quiero agregar una fila a la base de datos por cada fila agregada, pero aconséjeme cómo hacerlo.