我正在尝试使用嵌入的 html 表制作一个帖子表单,并使用 javascript 来允许该表添加和删除行。
我在将新行链接到 html 变量数组时遇到问题,如果提交了这些值,该数组应该存储这些值。
请帮忙!
这是我的javascript函数,
function addRow(tableID) {
var table = document.getElementById(tableID); //access the table to dynamically allocate it.
var rowLen = table.rows.length; // Store number of rows
var toAdd = table.insertRow(rowLen);
var index = toAdd.insertCell(0);
var element0 = document.createElement("input");
element0.type = "checkbox";
element0.name = "toDelete[rowLen]";
index.appendChild(element0);
var industry = toAdd.insertCell(1);
var element1 = document.createElement("input");
element1.type = "text";
element1.name = "Industry[rowLen]";
industry.appendChild(element1);
}
wheretoDelete
和Industry
are html 表变量,用于存储添加的每个新行的值。
这是重要的html:
<BODY>
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />
<form method="post" action="test.php">
<TABLE id="dataTable" width="350px" border="1">
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td><input type="checkbox" name="toDelete[]"</></td>
<td><input type="text" name="Industry[]"</></td>
</tr>
</table>
<input type="submit" value="Submit">
</form>
</body>
当我访问$_POST
“test.php”中的变量时,没有存储任何内容,并且每个变量的计数长度永远不会超过 2,无论行数如何。