如何在提交表单前存储cpf变量并动态更新下拉选项？

问题分析 #

你当前的代码里，<button type="button">不会触发表单提交，所以PHP后端永远检测不到$_POST["button"]，自然无法执行查询；如果用type="submit"又会直接提交整个表单，这就是你遇到的核心矛盾。

解决方案 #

方案1：AJAX无刷新实现（推荐） #

这种方式无需刷新页面，就能获取CPF并动态生成下拉选项，用户体验更流畅。

1. 前端代码（HTML+JS）：

<form id="mainForm" action="submit.php" method="post">
    <input type="text" name="cpf" id="cpfInput" placeholder="输入CPF">
    <button type="button" id="loadCursosBtn">加载课程选项</button>
    <select name="curso" id="cursoSelect" disabled>
        <option value="">请先加载选项</option>
    </select>
    <!-- 其他表单字段 -->
    <button type="submit">提交整个表单</button>
</form>

<script>
document.getElementById('loadCursosBtn').addEventListener('click', function() {
    const cpf = document.getElementById('cpfInput').value.trim();
    if (!cpf) {
        alert('请输入CPF');
        return;
    }

    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'get_cursos.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onload = function() {
        if (xhr.status === 200) {
            const cursoSelect = document.getElementById('cursoSelect');
            cursoSelect.innerHTML = xhr.responseText;
            cursoSelect.disabled = false;
        } else {
            alert('加载选项失败');
        }
    };
    xhr.send('cpf=' + encodeURIComponent(cpf));
});
</script>

2. 后端get_cursos.php代码：

<?php
$conexao = mysqli_connect('localhost', '用户名', '密码', '数据库名'); // 替换为你的数据库信息
if (!$conexao) {
    die('数据库连接失败: ' . mysqli_connect_error());
}

if (isset($_POST['cpf'])) {
    $cpf = mysqli_real_escape_string($conexao, $_POST['cpf']); // 防止SQL注入
    $query = "SELECT DISTINCT CURSO FROM teste WHERE CPF = '$cpf' GROUP BY CURSO";
    $result = mysqli_query($conexao, $query);

    if (mysqli_num_rows($result) > 0) {
        echo '<option value="">请选择课程</option>';
        while ($row = mysqli_fetch_assoc($result)) {
            echo '<option value="' . htmlspecialchars($row['CURSO']) . '">' . htmlspecialchars($row['CURSO']) . '</option>';
        }
    } else {
        echo '<option value="">未找到对应课程</option>';
    }
}
mysqli_close($conexao);
?>

方案2：表单局部提交（页面刷新） #

如果不想用AJAX，可以通过区分按钮的name属性来实现功能分离：

<form method="post" action="">
    <input type="text" name="cpf" value="<?php echo isset($_POST['cpf']) ? htmlspecialchars($_POST['cpf']) : ''; ?>">
    <button type="submit" name="action" value="load_cursos">加载课程选项</button>
    
    <select name="curso">
        <?php
        if (isset($_POST['action']) && $_POST['action'] === 'load_cursos') {
            $cpf = mysqli_real_escape_string($conexao, $_POST['cpf']);
            $query_curso = mysqli_query($conexao, "SELECT DISTINCT CURSO FROM teste WHERE CPF = '$cpf' GROUP BY CURSO");
            if (mysqli_num_rows($query_curso) > 0) {
                while ($row = mysqli_fetch_assoc($query_curso)) {
                    echo '<option value="' . htmlspecialchars($row['CURSO']) . '">' . htmlspecialchars($row['CURSO']) . '</option>';
                }
            } else {
                echo '<option value="">无匹配课程</option>';
            }
        } else {
            echo '<option value="">请先加载选项</option>';
        }
        ?>
    </select>

    <button type="submit" name="action" value="submit_form">提交表单</button>
</form>

<?php
// 页面顶部处理表单提交逻辑
if (isset($_POST['action'])) {
    if ($_POST['action'] === 'submit_form') {
        // 这里处理整个表单的数据库插入操作
        $cpf = $_POST['cpf'];
        $curso = $_POST['curso'];
        // 执行插入语句...
    }
}
?>

关键注意事项 #

• 防SQL注入：必须用mysqli_real_escape_string或预处理语句处理用户输入，避免安全风险。
• 防XSS：输出用户数据到页面时，用htmlspecialchars转义特殊字符。

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