如何将JavaScript动态生成的HTML表格数据提交至PHP文件处理？

你遇到的核心问题是：给<tr>标签设置name属性无法让表单提交这些数据。因为HTML表单只会收集<input>、<select>、<textarea>这类表单控件元素的数据，普通的表格行<tr>不属于表单控件，就算设置了name属性，浏览器也不会把它的数据发送到服务器。

具体修改步骤 #

1. 调整JavaScript中复选框的属性设置

把原来给<tr>设置name的代码去掉，转而给每个复选框设置name和value属性：

// 替换原来的tr.setAttribute('name', ...)和checkbox创建部分
var checkbox = document.createElement('input');
checkbox.type = "checkbox";
// 设置复选框的name为数组形式，支持多选
checkbox.name = "stud[]";
// 将学生姓名作为复选框的value值，提交时会发送这个值
checkbox.value = students[i][col[0]];
tr.appendChild(checkbox);

这样当用户选中复选框时，对应的学生姓名会以数组的形式被表单提交。

2. 修改PHP代码处理数组数据

因为提交的stud是数组，你需要遍历它来获取每个选中的学生：

if (isset($_POST['submit'])) {
  $groupname = $_POST['groupname'];
  echo "Group Name: " . $groupname . "<br>";
  
  // 处理选中的学生数组
  if(isset($_POST['stud'])) {
      echo "Selected Students:<br>";
      foreach($_POST['stud'] as $student) {
          echo "- " . $student . "<br>";
      }
  } else {
      echo "No students selected.";
  }
}

3. 确保表单结构正确

你的HTML表单结构没问题，动态生成的表格是添加到form内部的#create_groups容器里的，所以复选框会被包含在表单中，提交时能被正确捕获。

额外提示 #

• 你代码里document.getElementById("create_groups").submit();这行是自动提交表单，测试阶段可以用，但实际场景应该让用户手动点击表单里的Submit按钮来提交。
• 如果需要显示学生其他信息（比如学号），可以把value设置为学号，姓名作为复选框的文本或者用隐藏input存储，不过根据你的需求，直接用姓名作为value就足够了。

内容的提问来源于stack exchange，提问作者Oliver