Question

我正在创建一个动态表，您可以向其添加行，当用户按下保存按钮时，我希望此时整个HTML代码进入数据库变量。我到目前为止尝试的是ob_start();，我尝试通过POST发送它们，但我不能，因为我不知道有多少行和变量。到目前为止，这是我的代码。

<!DOCTYPE html>
<html>
<head>
<style>
table, td {
    border: 1px solid black;
}
</style>
</head>
<body>
    <script>
       var index = 1;
    function insertRow(){
                var table=document.getElementById("myTable");
                var row=table.insertRow(table.rows.length);
                var cell1=row.insertCell(0);
                var t1=document.createElement("input");
                    t1.id = "txtName"+index;
                    cell1.appendChild(t1);
                var cell2=row.insertCell(1);
                var t2=document.createElement("input");
                    t2.id = "txtAge"+index;
                    cell2.appendChild(t2);
                var cell3=row.insertCell(2);
                var t3=document.createElement("input");
                    t3.id = "txtGender"+index;
                    cell3.appendChild(t3);
                var cell4=row.insertCell(3);
                var t4=document.createElement("input");
                    t4.id = "txtOccupation"+index;
                    cell4.appendChild(t4);
          index++;

    }
    </script>
<table id="myTable">
        <th>Name</th>
        <th>Age</th>
        <th>Gender</th>
        <th>Occupation and Employer</th>
        <th>Add</th>
        <tr>
            <td><input type="text" id="txtName" /></td>
            <td><input type="text" id="txtAge" /></td>
            <td><input type="text" id="txtGender" /></td>
            <td><input type="text" id="txtOccupation" /></td>
            <td><input type="button" id="btnAdd" class="button-add" onClick="insertRow()" value="add"></input></td>
        </tr>
</table>
<input type=button name='save' value='save'>
</body>
</html>

如何通过javascript修改后将页面添加到数据库

0 个答案: