无法基于两个下拉框选中值查询并展示数据库记录

我看了你的代码，发现几个核心问题导致你没法正确用两个下拉框的值构建查询，下面一步步帮你修正：

一、前端表单的关键调整 #

1. 给下拉框加name属性：表单提交时，PHP是通过name而非id获取值的，之前的两个select都没加name，所以POST后拿不到数据。
2. 统一MySQL扩展：别混用mysql_*和mysqli_*函数，mysql_*早就被废弃了，全部改用mysqli_*。
3. 完善切换下拉框的JS逻辑：实现第一个下拉框选不同值时，第二个下拉框只显示对应类别的选项。

修正后的前端代码：

<form id="searchform" action="view.php" method="post">
    <select id="select1" name="select1" onChange="check(this);">
        <option selected value="" disabled="disabled">Select an Option</option>
        <option value="all">Select All</option>
        <option value="names">Names</option>
        <option value="courses">Courses</option>
    </select>
    <select id="select2" name="select2" disabled="disabled">
        <option value="">Select an option</option>
        <?php 
        // 假设$conn是你从connection.php里拿到的数据库连接
        $sql = "SELECT DISTINCT names FROM table";
        $result = mysqli_query($conn, $sql);
        while ($row = mysqli_fetch_array($result)) {
            echo "<option class='names' value='".htmlspecialchars($row['names'])."'>".htmlspecialchars($row['names'])."</option>";
        } 
        ?>
        <?php 
        $sql = "SELECT DISTINCT courses FROM table";
        $result = mysqli_query($conn, $sql);
        while ($row = mysqli_fetch_array($result)) {
            echo "<option class='courses' value='".htmlspecialchars($row['courses'])."'>".htmlspecialchars($row['courses'])."</option>";
        } 
        ?>
    </select>
    <input type="submit" name="submit" value="Search" />
</form>

<script>
function check(selectElement) {
    const selectedValue = selectElement.value;
    const select2 = document.getElementById('select2');
    const options = select2.querySelectorAll('option');

    // 先重置第二个下拉框状态
    select2.disabled = true;
    select2.value = '';

    if (selectedValue === 'names' || selectedValue === 'courses') {
        select2.disabled = false;
        // 只显示对应类别的选项
        options.forEach(opt => {
            if (opt.classList.contains(selectedValue) || opt.value === '') {
                opt.style.display = 'block';
            } else {
                opt.style.display = 'none';
            }
        });
    } else if (selectedValue === 'all') {
        // 选"全部"时，只留默认提示选项
        options.forEach(opt => {
            opt.style.display = opt.value === '' ? 'block' : 'none';
        });
    }
}
</script>

二、view.php的核心修正 #

1. 正确获取表单值：之前用isset($_POST['select1'])拿到的是布尔值，要改成获取实际提交的字符串。
2. 动态构建查询语句：根据第一个下拉框的选中值，切换WHERE子句的列名，不能写死成names。
3. 用预处理语句防SQL注入：绝对不能直接把用户输入拼进SQL，这会导致严重的安全漏洞。
4. 统一用mysqli扩展：把所有mysql_*函数换成mysqli_*。

修正后的view.php代码：

<body>
<?php
$count = 1;
include("connection.php"); // 确保这里的$conn是有效的mysqli连接对象

// 安全获取表单提交的值，空值时给默认空字符串
$select1 = $_POST['select1'] ?? '';
$select2 = $_POST['select2'] ?? '';

// 初始化基础查询语句
$sql = "SELECT names, courses FROM table";
$params = [];
$paramTypes = '';

// 根据select1的值动态添加WHERE条件
if ($select1 === 'names' && !empty($select2)) {
    $sql .= " WHERE names = ?";
    $params[] = $select2;
    $paramTypes = 's'; // s表示字符串类型参数
} elseif ($select1 === 'courses' && !empty($select2)) {
    $sql .= " WHERE courses = ?";
    $params[] = $select2;
    $paramTypes = 's';
}
// 如果选的是"Select All"，就不需要WHERE条件，直接返回所有记录

// 用预处理语句执行查询
$stmt = mysqli_prepare($conn, $sql);
if (!empty($params)) {
    mysqli_stmt_bind_param($stmt, $paramTypes, ...$params);
}
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);

echo "<table border='1' cellpadding='10'>";
echo "<tr><th>Names</th> <th>Courses</th></tr>";

while ($row = mysqli_fetch_array($result)) {
?>
    <tr>
        <td align="center"><?php echo htmlspecialchars($row["names"]); ?></td>
        <td align="center"><?php echo htmlspecialchars($row["courses"]); ?></td>
    </tr>
<?php
    $count++;
}

// 释放数据库资源
mysqli_stmt_close($stmt);
mysqli_close($conn);
?>
</table>
</body>
</html>

额外提醒 #

• 表名注意：你用了table作为表名，这是MySQL的关键字，最好换成student_records这类名称；如果必须用table，要加反引号包裹：SELECT * FROM `table` 。
• 防XSS攻击：输出用户输入的内容时，用htmlspecialchars()转义，避免恶意脚本注入。
• 错误调试：可以加一些错误判断，比如检查mysqli_prepare是否成功，方便排查问题。

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