我有一个 HTML 表单,您可以在其中输入值。您可以单击“提交”,然后它将在您输入的确认页面上显示数据。我在显示多行文本时遇到问题,但已解决。现在我有另一个问题...我有 3 组表,每当输入信息(特别是在第三个表中)时,它都会将该数据复制到另一个表中...如何解决这个问题??
这是该表的 HTML,并且 3 个表中的每一个看起来都相同:
<table id="tables" cellspacing="5">
<tr align="center" id="table_titles">
<td>Tier</td>
<td>Purchase Minimum</td>
<td>Multiplier</td>
<td>UOM</td>
<td>Retro</td>
<td>Guaranteed</td>
<td>Paid</td>
<td>Delete?</td>
<td>Add Row</td>
</tr>
<tr>
<td align="center" name="tier">1</td>
<td><input type="text" id="rebate_tables" data-name="purchase_minimum" name="rows[0][purchase_minimum]"></td>
<td><input type="text" id="rebate_tables" data-name="multiplier" name="rows[0][multiplier]"></td>
<td><input type="text" id="rebate_tables" data-name="uom" name="rows[0][uom]"></td>
<td><input type="text" id="rebate_tables" data-name="retro" name="rows[0][retro]"></td>
<td><input type="text" id="rebate_tables" data-name="guaranteed" name="rows[0][guaranteed]"></td>
<td><input type="text" id="rebate_tables" data-name="paid" name="rows[0][paid]"></td>
<td><input type="button" id="delRow" value="Delete" onclick="deleteRow(this)"></td>
<td><input type="button" id="addmoreRowsbutton" value="Add row" onclick="insRow()"></td>
</tr>
</table>
这是每个表的 JAVASCRIPT,与其他表极其相似,除了 insRow()
和 new_row
具有不同的名称:
function insRow()
{
var x=document.getElementById('tables');
var new_row = x.rows[1].cloneNode(true);
var len = x.rows.length;
new_row.cells[0].innerHTML = len;
var inp1 = new_row.cells[1].getElementsByTagName('input')[0];
inp1.id += len;
inp1.value = '';
var inp2 = new_row.cells[2].getElementsByTagName('input')[0];
inp2.id += len;
inp2.value = '';
var inputs = new_row.querySelectorAll('input[type=text]');
for(var i=0;i<inputs.length;i++)
{
inputs[i].value='';
inputs[i].name='rows[' + len + '][' + inputs[i].dataset.name + ']';
}
x.appendChild(new_row)
}
这是 HTML/PHP 确认页面,每个表都具有相同的代码:
<?php if(isset($_POST['rows'])): ?>
<table id="table" cellspacing="20">
<tr align="center" id="table_row">
<td>Tier</td>
<td>Purchase Minimum</td>
<td>Multiplier</td>
<td>UOM</td>
<td>Retro</td>
<td>Guaranteed</td>
<td>Paid</td>
</tr>
<?php
$count = 1;
foreach($_POST['rows'] as $row):
?>
<tr align="center">
<td><?php echo $count; ?></td>
<td><?php echo $row['purchase_minimum']; ?></td>
<td><?php echo $row['multiplier']; ?></td>
<td><?php echo $row['uom']; ?></td>
<td><?php echo $row['retro']; ?></td>
<td><?php echo $row['guaranteed']; ?></td>
<td><?php echo $row['paid']; ?></td>
</tr>
<?php
$count++;
endforeach;
?>
</table>
<?php endif; ?>
最佳答案
您的 html 代码中有一个大问题:多个元素具有相同的 id。 Id 必须是唯一的。每个表必须具有与其他表不同的 id。每个输入必须具有与其他输入不同的 id。
关于javascript - 显示动态 HTML 表中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39412843/