PHP 如何从动态生成的表单中插入数据输入

Question

在下一步将输入的数据插入到动态生成的表单中时，我需要帮助。我在其他类似的问题上找了几天，但仍然缺少一块。

这是我的 HTML 表单（减去错误捕获/验证）：

<form id="form" name="form" method="post" action="recipeaddsubmit.php">
<table id="myTable">
            <tr>
              <td width="10%">Amount</td>
              <td width="10%">Measure</td>
              <td width="35%">Ingredient</td>
            </tr>
            <tr>
              <td valign="top">
                <input type="text" name="Amt1" id="Amt1" size="1" />
                <input type="text" name="Amt2" id="Amt2" size="1"  />
              </td>
              <td valign="top">
                 <select name="Measure" id="Measure">
                   <option>Cup</option>
                   <option>Ounce</option>
                 </select>
              </td>
              <td valign="top">
                 <input type="text" name="Ing" id="Ing" size="40" />
              </td>
             </tr>
         </table>
         <button type="button" onclick="displayResult()">Insert new row</button>
         <input type="submit" name="button" id="button" value="Submit" />
         </form>

这是我标题中的 javascript：

<script>
function displayResult()
{
    var table=document.getElementById("myTable");
    var row=table.insertRow(-1);
    var cell1=row.insertCell(0);
    var cell2=row.insertCell(1);
    var cell3=row.insertCell(2);
            cell1.innerHTML="<input type='text' name='Amt1' id='Amt1' size='1' /> 
    <input type='text' name='Amt2' id='Amt2' size='1'  />";
    cell2.innerHTML="<select name='Measure' id='Measure'> <option>Cup</option> 
    <option>Ounce</option></select>";
    cell3.innerHTML="<input type='text' name='Ing' id='Ing' size='40' />";
}

</script>    

这是我尝试的/部分 mysqli 插入语句（checkInput 是我以前使用过的自创建验证函数，没有问题）：

$amt1 = checkInput($_POST['Amt1']);
$amt2 = checkInput($_POST['Amt2']);
$measure = checkInput($_POST['Measure']);
$ing = checkInput($_POST['Ing']);

$ingAddQuery ="INSERT INTO Ingredient (Amt1, Amt2, Measure, Ing)
VALUES ({$amt1}, {$amt2}, {$measure}, {$ing})";

mysqli_query($mysqli,$ingAddQuery);              

    if (!mysqli_query($mysqli,$ingAddQuery))
{
  die('Error: ' . mysqli_error());
}

我不明白的是如何结合一个 foreach 循环来增加一定数量的行；我理解这个概念，但不理解这种情况下的应用程序。

感谢您的帮助！

Answer 1

我有一个建议。

你为什么不创建一个隐藏的输入类型。

<input type="hidden" name="cellCount" value="0" />

每次插入新行时，更改此隐藏字段的值。这不会显示在浏览器上。当你提交表单时，这个隐藏元素也会被提交。这可以通过$_POST["cellCount"]在服务器上检索。

希望对你有帮助。

Answer 2

将名称从 amt1 更改为 amt1[] 等等...

所以

<input type="text" name="Amt1[]" id="Amt1[]" size="1" />

当您提交表单时，

$_POST['Amt1']; //is an array

将是一个数组，所以你可以这样做

$Amt1Array = $_POST['Amt1'];
foreach($Amt1Array => $Amt1){
//do stuff here
}

更好的是，您可以使用 js 为数组创建索引以创建类似...的名称

<input type="text" name="Amt1[0]" id="Amt1[0]" size="1" />
<input type="text" name="Amt2[0]" id="Amt2[0]" size="1" />

<input type="text" name="Amt1[1]" id="Amt1[1]" size="1" />
<input type="text" name="Amt2[1]" id="Amt2[1]" size="1" />

然后在 PHP 中你可以

$Amt1Array = $_POST['Amt1'];
$Amt2Array = $_POST['Amt2'];

foreach($Amt1Array as $key => $Amt1Value){
$Amt2Value = $Amt2Array[$key];
//do stuff with rows
}