如何在PHP中获取动态添加的表单数据并存入数据库？

问题根源 #

你当前的代码中，动态生成的表单元素name属性都是普通值（如name="r"），当提交多个同name的元素时，PHP只会保留最后一个元素的值，无法形成数组，这就是ChatGPT方案无效的核心原因。另外代码中day的name属性存在多余空格（name="day "），也会导致接收异常。

修复步骤 #

1. 修改前端表单元素的name为数组格式 #

将所有表单元素的name改为数组形式（如name="r[]"），提交后PHP的$_POST会自动将同name的元素整理为数组，同时修正day的name空格问题。

修改后的addEntry函数中innerHTML部分代码：

<label for="r">Reading Score:</label>
<input type="number" id="r" name="r[]"><br>

<label for="l">Listening Score:</label>
<input type="number" id="l" name="l[]"><br>

<label for="s">Speaking Score:</label>
<input type="number" id="s" name="s[]"><br>

<label for="w">Writing Score:</label>
<input type="number" id="w" name="w[]"><br>

<label for="year">Year:</label>
<select id="year" name="year[]">
  <!-- 原有选项不变 -->
</select>

<label for="month">Month:</label>
<select id="month" name="month[]">
  <!-- 原有选项不变 -->
</select>

<label for="day">Day:</label>
<select id="day" name="day[]">
  <!-- 原有选项不变 -->
</select>

建议在初始的entry-container中添加一组默认表单元素（同样使用数组格式name），避免用户直接提交空表单。

2. 后端PHP接收并存储数据 #

现在$_POST中的r、l等字段都是数组，可遍历获取每条记录。同时需做数据校验，并使用预处理语句存储数据，防止SQL注入。

示例代码（process_score.php）：

<?php
// 数据库连接配置（根据实际情况修改）
$dsn = 'mysql:host=localhost;dbname=your_database;charset=utf8mb4';
$username = 'your_username';
$password = 'your_password';

try {
    $pdo = new PDO($dsn, $username, $password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        // 校验数组长度一致性，防止前端数据异常
        $requiredFields = ['r', 'l', 's', 'w', 'year', 'month', 'day'];
        $recordCount = count($_POST['r']);
        foreach ($requiredFields as $field) {
            if (!isset($_POST[$field]) || count($_POST[$field]) != $recordCount) {
                die('提交数据格式异常');
            }
        }

        // 准备插入数据库的预处理语句
        $stmt = $pdo->prepare("INSERT INTO toefl_scores (reading, listening, speaking, writing, test_date) VALUES (?, ?, ?, ?, ?)");

        // 遍历每条记录
        for ($i = 0; $i < $recordCount; $i++) {
            $reading = $_POST['r'][$i];
            $listening = $_POST['l'][$i];
            $speaking = $_POST['s'][$i];
            $writing = $_POST['w'][$i];
            $year = $_POST['year'][$i];
            $month = $_POST['month'][$i];
            $day = $_POST['day'][$i];

            // 数据校验：TOEFL单项分数范围0-30
            if (!is_numeric($reading) || $reading < 0 || $reading > 30) {
                continue; // 跳过非法数据，或根据需求抛出错误提示
            }
            // 其他字段的校验逻辑可参考上述写法

            // 组合日期，处理空值情况
            $testDate = (!empty($year) && !empty($month) && !empty($day)) ? "$year-$month-$day" : null;

            // 执行插入操作
            $stmt->execute([$reading, $listening, $speaking, $writing, $testDate]);
        }

        echo '所有分数记录已成功保存';
    }
} catch (PDOException $e) {
    die('数据库错误: ' . $e->getMessage());
}
?>

3. 额外优化建议 #

• 给动态生成的表单元素设置唯一id（如r-<?= $times ?>），避免页面出现重复id的DOM元素，符合HTML规范。
• 在前端添加客户端校验（如分数范围、日期完整性），减少无效提交。
• 处理用户删除表单后的空数组情况，避免插入空记录。

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