使用JavaScript向表中添加新行时重置输入字段
在我的HTML页面上,表单中有一个表。表的第一行是列的标签,其余行包含输入文本字段 在表下面,有一个按钮,用于操作JavaScript函数,该函数复制表末尾的第一行 问题是文本也会从第一行字段复制到新添加的行字段。相反,我希望从新添加的行字段中清除文本。我该怎么做 这是我的代码:使用JavaScript向表中添加新行时重置输入字段,javascript,php,html,html-table,html-input,Javascript,Php,Html,Html Table,Html Input,在我的HTML页面上,表单中有一个表。表的第一行是列的标签,其余行包含输入文本字段 在表下面,有一个按钮,用于操作JavaScript函数,该函数复制表末尾的第一行 问题是文本也会从第一行字段复制到新添加的行字段。相反,我希望从新添加的行字段中清除文本。我该怎么做 这是我的代码: <form action="update.php" method="post" enctype="multipart/form-data"> <table id="addresses" class="
<form action="update.php" method="post" enctype="multipart/form-data">
<table id="addresses" class="form" border="1">
<tbody>
<tr>
<p>
<th>
</th>
<th>
<label for='UPDATE_NAME'>Name</label>
</th>
<th>
<label for='UPDATE_NUMBER'>Phone Number (With Country Code)</label>
</th>
<th>
<label>Address (House No., Street, City, State, ZIP Code, P.O. Box)</label>
</th>
</p>
</tr>
<?php
for ($i = 0; $i < count($addresses); $i++) {
$id = str_pad($i, 2, '0', STR_PAD_LEFT);
echo "<tr>";
echo "<p>";
echo "<td>";
echo "<input type='checkbox' name='chk[]' />";
echo "</td>";
echo "<td>";
echo "<input type='text' name='UPDATE_NAME[]' value='".$names[$id]['S']."' />";
echo "</td>";
echo "<td>";
echo "<input type='tel' name='UPDATE_NUMBER[]' value='".$numbers[$id]['S']."' />";
echo "</td>";
echo "<td>";
echo "<input type='text' name='UPDATE_ADDRESS[]' value='".$addresses[$id]['S']."' />";
echo "</td>";
echo "</p>";
echo "</tr>";
}
?>
</tbody>
</table>
<p>
<input type="button" value="Add Address" onClick="addRow('addresses')" />
</p>
<script>
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
if (rowCount < 10) {
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for (var i = 0; i < colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[1].cells[i].innerHTML;
}
document.getElementById("APP_UPDATE_NAME[" + rowCount + "]").reset();
} else {
alert("Maximum Branches Number is 10");
}
}
</script>
<input type="submit" class="flat-button form" name="SUBMIT" value="Update Addresses" />
</form>
名称
电话号码(带国家代码)
地址(门牌号、街道、城市、州、邮政编码、邮政信箱)
您可以手动设置新行的值,而不是复制它。像这样:
newcell.innerHTML = "<input type='...' name='...' value='...' />";
newcell.innerHTML=”“;
通过这种方式,您可以控制进入新单元格的内容。您可以手动设置新行的值,而不是复制它。像这样:
newcell.innerHTML = "<input type='...' name='...' value='...' />";
newcell.innerHTML=”“;
通过这种方式,您可以控制进入新单元格的内容。表id是地址
,您将分支
作为函数参数传递。无法理解…@YashParekh当我将代码复制到问题时是我的错误。我更改了问题中的一些值,但忘了调整值。您将获得一个包含输入文本字段的新行,其中包含值。我说的对吗?@YashParekh是的。这就是所发生的情况,我希望得到不带值的输入文本字段。表id是地址
,您将分支
作为函数参数传递。无法理解…@YashParekh当我将代码复制到问题时是我的错误。我更改了问题中的一些值,但忘了调整值。您将获得一个包含输入文本字段的新行,其中包含值。我说的对吗?@YashParekh是的。这就是发生的情况,我想得到没有值的输入文本字段。