我需要协助下一步插入输入动态生成表单的数据。我已经在其他类似的问题上寻找了很多天,但仍然缺少一块。
这是我的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循环;在这种情况下,我理解概念而不是应用程序。
感谢您的协助!
答案 0 :(得分:0)
我有一个建议。
为什么不创建隐藏的输入类型。
<input type="hidden" name="cellCount" value="0" />
每次插入新行时,请更改此隐藏字段的值。这不会在浏览器上显示。当您提交表单时,此隐藏元素也将被提交。这可以通过$_POST["cellCount"]
在服务器上检索。
希望这会对你有所帮助。
答案 1 :(得分:0)
将名称从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
}