PHP页面中如何维持两个select选中状态并获取它们的值

你的问题根源在于每次切换Select时只传递了当前选项的参数，丢失了另一个Select的已选值，导致PHP无法读取到之前选中的另一个队ID，自然就没法维持选中状态了。下面是具体的修复方案：

核心思路 #

每次切换任意一个Select时，跳转的URL里要同时包含**主队ID（htid）和客队ID（atid）**两个参数，这样PHP就能从URL里获取到两个值，进而正确渲染两个Select的选中状态。

修改后的完整代码 #

<?php
// 先处理参数获取，放在页面最上方
$selectedHomeTeam = new Team;
$selectedHomeTeam->team_id = null;
$selectedAwayTeam = new Team;
$selectedAwayTeam->team_id = null;

// 优先从GET获取两个参数，不管哪个先被触发
if (isset($_GET['htid'])) {
    $selectedHomeTeam = Team::getById($_GET['htid']);
}
if (isset($_GET['atid'])) {
    $selectedAwayTeam = Team::getById($_GET['atid']);
}

$teams = Team::getAll(); // 只查询一次球队列表，避免重复查询
?>

<form method="POST" action="" enctype="multipart/form-data">
    <!-- 主队Select -->
    <div class="input-group input-group-sm mb-3">
        <select class="custom-select-sm" id="inputGroupSelect01" aria-label="Small" aria-describedby="inputGroup-sizing-sm" 
                onchange="window.location='?htid='+this.value + '&atid=<?php echo isset($_GET['atid']) ? $_GET['atid'] : '-1'; ?>'" 
                name="selHomeTeam">
            <option value="-1">Choose...</option>
            <?php foreach ($teams as $team) { 
                $isSelected = ($selectedHomeTeam->team_id == $team->team_id) ? 'selected' : '';
                echo "<option {$isSelected} value='{$team->team_id}'>{$team->name}</option>";
            } ?>
        </select>
    </div>

    <!-- 客队Select -->
    <div class="input-group input-group-sm mb-3">
        <select class="custom-select-sm" id="inputGroupSelect02" aria-label="Small" aria-describedby="inputGroup-sizing-sm" 
                onchange="window.location='?atid='+this.value + '&htid=<?php echo isset($_GET['htid']) ? $_GET['htid'] : '-1'; ?>'" 
                name="selAwayTeam">
            <option value="-1">Choose...</option>
            <?php foreach ($teams as $team) { 
                $isSelected = ($selectedAwayTeam->team_id == $team->team_id) ? 'selected' : '';
                echo "<option {$isSelected} value='{$team->team_id}'>{$team->name}</option>";
            } ?>
        </select>
    </div>
</form>

关键修改点说明 #

1. 参数传递逻辑优化

   • 主队Select的onchange事件中，除了传递当前选中的htid，还追加了当前URL里的atid（如果存在则用实际值，否则用-1）
   • 客队Select同理，传递atid的同时追加当前的htid，确保两个参数始终在URL里共存

2. 代码细节优化

   • 把球队列表查询$teams = Team::getAll()提到顶部，避免重复执行数据库查询，提升性能
   • 给第二个Select修改了ID（inputGroupSelect02），避免两个Select用同一个ID导致DOM冲突
   • 修复了原代码中echo语句的语法错误（原代码里的option标签未正确闭合）

3. 选中状态判断

   • PHP部分先初始化两个Team对象，再分别根据htid和atid赋值，确保不管哪个参数存在，都能正确渲染对应的选中状态

这样修改后，不管你切换哪个Select，另一个Select的选中状态都会被保留，URL里始终包含两个参数，PHP也能正确获取到两个选中值啦。

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