将html表格输入值添加到mysql数据库表格

Question

我已经搜索了这个问题的答案，但找不到任何答案。

我想添加一个html表格的内容到一个MySQL数据库使用PHP和JavaScript，其中每一行是一个新的记录。

这里有一个表例如：

<table width="100%" border="1" cellspacing="0" cellpadding="0"> 
    <tr> 
    <th scope="col">ID</th> 
    <th scope="col">NAME</th> 
    <th scope="col">EMAIL</th> 

    </tr> 
    <tr id="row"> 
    <td><input name="ID" type="text" value="20" /></td> 
    <td><input name="NAME" type="text" value="Peter" /></td> 
    <td><input name="EMAIL" type="text" value="peter@gmail.com" /></td> 
    </tr> 
    <tr id="row"> 
    <td><input name="ID" type="text" value="21" /></td> 
    <td><input name="NAME" type="text" value="Jhon" /></td> 
    <td><input name="EMAIL" type="text" value="jhon@yahoo.com" /></td> 
    </tr> 
    <tr id="row"> 
    <td><input name="ID" type="text" value="22" /></td> 
    <td><input name="NAME" type="text" value="Mike" /></td> 
    <td><input name="EMAIL" type="text" value="mike@hotmail.com" /></td> 
    </tr> 
</table> 

<input name="Btn" type="button" onclick="addRecords()" value="Add"/> 
</form> 

和我试过的JavaScript样本：

<script> 
function addRecords() 
{ 
    var row = document.getElementById("row") 


    for (x in row) 
    { 
     $.post="<? $insertSQL = sprintf("INSERT INTO accounts (acc_id, acc_name, acc_email) VALUES (%s, %s)", 
         GetSQLValueString($_POST['ID'], "integer"), 
         GetSQLValueString($_POST['NAME'], "text"), 
         GetSQLValueString($_POST['EMAIL'], "text")); 

    mysql_select_db($database_G3CSAdminControlPanel, $G3CSAdminControlPanel); 
    $Result1 = mysql_query($insertSQL, $G3CSAdminControlPanel) or die(mysql_error()); ?>" 
    } 
} 

</script> 

上面做什么，它只是增加了在最后一个记录表到数据库。 我猜我的问题是与PHP代码，并且每个输入应该放入数组以及不只是行，不知道如何做到这一点。

UPDATE 感谢您的回复。我所展示的代码仅仅是我想要做的一个例子。行的id必须保持不变，因为我使用的是在我的实际网页中创建表的脚本。

基本上我想做到以下几点，但在PHP中：

<script> 
function addRecords() 
{ 
    var row = document.getElementById("row"); 
    var n = 0; 
    var q = 0; 
    for (x in "row") 
    { 
     n++; 
     var code = document.getElementsByName("ID")[q].value; 
     var desc = document.getElementsByName("NAME")[q].value; 
     var price = document.getElementsByName("EMAIL")[q].value; 
     alert(code + ' ' + desc + ' ' + price); 
     q++; 
    } 
    alert('There is ' + n + ' rows in the table'); 
} 
</script> 

脚本的每一行返回的输入值。 我想在PHP中做类似的事情，但要将来自每行输入的值作为记录添加到数据库表中。

因此，不应该为每行执行JavaScript警报，而应该执行一个php脚本来插入该行的记录。

Answer 1

您必须唯一标识每一行（ID0，EMAIL0等）。当通过PHP或脚本构建表时，这很容易完成。然后在你的PHP表单代码中，你在$ _GET上做了一个foreach并读取它们。你现在的方式是，每个后续的ID，EMAIL等都写完前一个。

Answer 2

您有三个要插入的字段。每个都有一些。所以你需要使用输入字段的名称作为html数组。否则，在表单发布后，最后一个字段将覆盖之前的字段。相反

<table width="100%" border="1" cellspacing="0" cellpadding="0"> 
    <tr> 
    <th scope="col">ID</th> 
    <th scope="col">NAME</th> 
    <th scope="col">EMAIL</th> 
    </tr> 
    <tr id="row1"> 
    <td><input name="ID[]" type="text" value="22" /></td> 
    <td><input name="NAME[]" type="text" value="Mike" /></td> 
    <td><input name="EMAIL[]" type="text" value="mike@hotmail.com" /></td> 
    </tr> 
    <tr id="row2"> 
    <td><input name="ID[]" type="text" value="22" /></td> 
    <td><input name="NAME[]" type="text" value="Mike" /></td> 
    <td><input name="EMAIL[]" type="text" value="mike@hotmail.com" /></td> 
    </tr> 
    <tr id="row3"> 
    <td><input name="ID[]" type="text" value="22" /></td> 
    <td><input name="NAME[]" type="text" value="Mike" /></td> 
    <td><input name="EMAIL[]" type="text" value="mike@hotmail.com" /></td> 
    </tr> 
</table> 

Answer 3

不是直接访问你的行，先得到你的表，然后将行：

具体讲，如下编辑您的标记。

var table = document.getElementById('myTable'); 
for (i=1; i < table.rows.length; i++) { 
    var row = table.rows(i); 
} 

Answer 4

如果你有相同ID的多个元素，如：

<tr id="row"> 

则函数：

document.getElementById("row") 

只考虑他们的最后一个这取决于（浏览器）。

要确定你真的会得到所有的元素，你必须给他们不同的id。像

<tr id="row1">... 
... 
<tr id="row2">... 
... 
<tr id="row3">... 
... 

祝你好运！