当 HTML 表格不含表单控件（如 ）时，其文本内容默认不会随表单提交。本文介绍通过在每行关键列中嵌入 name="xxx[]" 隐藏域的方式，使 PHP 后端可靠接收动态表格中的结构化数据。
当 html 表格不含表单控件（如 ``）时，其文本内容默认不会随表单提交。本文介绍通过在每行关键列中嵌入 `name="xxx[]"` 隐藏域的方式，使 php 后端可靠接收动态表格中的结构化数据。
在 Web 开发中，常遇到这样一种场景：用户通过 JavaScript 动态增删表格行（例如管理物料清单、订单项或配置项），而表格本身仅展示纯文本（如“Part ID”），并无传统表单控件。此时若直接提交表单，这些文本值将完全丢失——因为浏览器只会序列化具有 name 属性的可提交元素（如 <input>、<select></select>、<textarea></textarea>）。
✅ 正确且最简方案是：为每个需采集的表格单元格添加一个同名隐藏输入域（<input type="hidden">），并利用 PHP 的数组语法 name="partId[]"。该方式无需修改后端逻辑，兼容所有主流浏览器，并天然支持多行数据批量提交。
以下为改造后的 HTML 示例（已集成隐藏字段）：
<form method="post" action="process.php">
<table class="table table-condensed table-striped table-bordered">
<thead>
<tr>
<th class="text-center">Code</th>
<th class="text-center">Name</th>
<th class="text-center">Part ID</th>
</tr>
</thead>
<tbody>
<tr>
<td>ABC123</td>
<td>Widgets - Small</td>
<td>S2000 <input type="hidden" name="partId[]" value="S2000"></td>
</tr>
<tr>
<td>ZXR987</td>
<td>Bolts - Large</td>
<td>G5600 <input type="hidden" name="partId[]" value="G5600"></td>
</tr>
</tbody>
</table>
<button type="submit">提交</button>
</form>? 关键要点说明：
立即学习“PHP免费学习笔记（深入）”；
-
name="partId[]"中的方括号[]告诉 PHP 将所有同名值自动组装为索引数组； - 提交后，在
process.php中可通过$_POST['partId']直接获取['S2000', 'G5600']； - 若还需同步采集“Code”或“Name”，只需为对应列添加
name="code[]"和name="name[]"的隐藏域即可，保持行间数据对齐； - 删除行时，务必同时移除整行（含隐藏域），否则残留的隐藏域仍会参与提交，导致数据错位；
- 如使用 JavaScript 动态渲染表格，建议在生成
<tr> 时一并注入隐藏域，避免 DOM 操作遗漏。<p>? 进阶提示：若表格结构复杂或需强类型校验，可考虑将整行数据 JSON 序列化后存入单个隐藏域（如 <code><input name="rows" value='[{"code":"ABC123","name":"Widgets - Small","partId":"S2000"}]'>），后端用json_decode($_POST['rows'], true)解析——但此方式调试成本略高，推荐优先采用原生数组方案。总之，隐藏域 + 数组命名是兼顾简洁性、可靠性与可维护性的黄金实践，适用于绝大多数动态表格数据采集需求。
