PHP实现筛选器多条件叠加：解决切换筛选时旧条件丢失问题

问题根源 #

每次提交表单时，只有当前操作的下拉框会传递选中值，其他下拉框因未设置选中状态会传递空值，导致之前的筛选条件被清空。

解决步骤 #

1. 修改表单，保留已选中的筛选值 #

修改下拉框的选项生成逻辑，判断当前是否有已提交的筛选值，匹配时添加selected属性，确保提交时所有已选条件都被传递：

<form id="filters" method="get">
    <select name="genre" onchange="this.form.submit()">
        <option value="">Genre</option>
        <?php
        $currentGenre = filter_input(INPUT_GET, 'genre', FILTER_SANITIZE_SPECIAL_CHARS);
        $query = 'SELECT * FROM `imslp_genre`';
        $result = $conn->query($query);
        if ($result->num_rows > 0) {
            while ($row = $result->fetch_assoc()) {
                $thisGenre = $row['genre'];
                $selected = ($currentGenre === $thisGenre) ? 'selected' : '';
                echo "<option value='$thisGenre' $selected>$thisGenre</option>";
            }
        }
        ?>
    </select>
    <select name="instrument" onchange="this.form.submit()">
        <option value="">Instrument</option>
        <?php
        $currentInstrument = filter_input(INPUT_GET, 'instrument', FILTER_SANITIZE_SPECIAL_CHARS);
        $query = 'SELECT * FROM `imslp_instruments`';
        $result = $conn->query($query);
        if ($result->num_rows > 0) {
            while ($row = $result->fetch_assoc()) {
                $thisInstrument = $row['instruments'];
                $selected = ($currentInstrument === $thisInstrument) ? 'selected' : '';
                echo "<option value='$thisInstrument' $selected>$thisInstrument</option>";
            }
        }
        ?>
    </select>
</form>

说明：

• 将表单method改为get，方便用户书签保存筛选状态，也避免POST重复提交问题；若坚持用POST，只需把INPUT_GET换成INPUT_POST即可。
• 每个下拉框生成时先获取当前已提交的筛选值，匹配时添加selected，确保所有已选参数在提交时都被传递。

2. 优化PHP查询逻辑，用预处理语句防注入 #

原代码直接拼接SQL存在注入风险，改用预处理语句绑定参数，同时正确处理多个筛选条件：

// 基础查询语句（优化为显式JOIN，避免隐式连接的歧义）
$query = 'SELECT 
            s.sheets_title, s.sheets_genre_ID, s.sheets_instrument1, s.sheets_instrument2, 
            s.sheets_difficulty, s.sheets_img, s.sheets_xml, s.sheets_id,
            g.genre, d.difficulty, a.arrangement, c.composers,
            i1.instruments, i2.instruments2, i3.instruments3, i4.instruments4, i5.instruments5
        FROM imslp_sheets s
        JOIN imslp_genre g ON s.sheets_genre_ID = g.genre_ID
        JOIN imslp_difficulty d ON s.sheets_difficulty = d.difficulty_ID
        JOIN imslp_arrangements a ON s.sheets_arrangement_ID = a.arrangement_ID
        JOIN imslp_composers c ON s.sheets_composer_ID = c.composers_ID
        JOIN imslp_instruments i1 ON s.sheets_instrument1 = i1.instruments_ID
        JOIN imslp_instruments2 i2 ON s.sheets_instrument2 = i2.instruments2_ID
        JOIN imslp_instruments3 i3 ON s.sheets_instrument3 = i3.instruments3_ID
        JOIN imslp_instruments4 i4 ON s.sheets_instrument4 = i4.instruments4_ID
        JOIN imslp_instruments5 i5 ON s.sheets_instrument5 = i5.instruments5_ID
        WHERE 1=1';

$params = [];
$types = '';

// 获取筛选参数
$genre = filter_input(INPUT_GET, 'genre', FILTER_SANITIZE_SPECIAL_CHARS);
$instrument = filter_input(INPUT_GET, 'instrument', FILTER_SANITIZE_SPECIAL_CHARS);

// 添加筛选条件
if (!empty($genre)) {
    $query .= " AND g.genre = ?";
    $params[] = $genre;
    $types .= 's';
}

if (!empty($instrument)) {
    $query .= " AND i1.instruments = ?";
    $params[] = $instrument;
    $types .= 's';
}

// 执行预处理查询
$stmt = $conn->prepare($query);
if (!empty($params)) {
    $stmt->bind_param($types, ...$params);
}
$stmt->execute();
$result = $stmt->get_result();

说明：

• 把隐式多表连接改为显式JOIN，代码可读性更高，避免歧义。
• 使用预处理语句prepare()和bind_param()，彻底规避SQL注入风险。
• 通过WHERE 1=1简化多条件拼接逻辑，无需判断是否为第一个条件。

额外提示 #

• 若需要清空筛选功能，可在表单中添加重置按钮，点击后清空所有参数并提交。
• 筛选条件较多时，建议改用AJAX异步加载，提升用户体验。

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