本文讲解如何在php表单中实现两个独立下拉框（如机型与飞行员座位）的协同工作，确保任一选择变更后，另一项已选值不丢失，并能同时展示二者关联的数据（如基本重量与座位重量）。

本文讲解如何在php表单中实现两个独立下拉框（如机型与飞行员座位）的协同工作，确保任一选择变更后，另一项已选值不丢失，并能同时展示二者关联的数据（如基本重量与座位重量）。

在当前代码中，aircraftType 和 pilotSeatType 分别位于两个独立的

中，每次提交仅携带自身字段（如只传 aircraftType 或只传 pilotSeatType），导致另一项的选中状态和对应数据在服务端“丢失”——这是典型的表单隔离问题。根本原因在于：PHP 每次仅接收一个表单的 POST 数据，未将历史选择持久化传递至下一次请求。

✅ 正确方案：统一表单 + 隐藏域保值（无 JS 依赖的轻量解法）

将两个下拉框合并到同一个

中，并为每个控件添加 name 属性；同时用隐藏域（）显式传递对方上次的选择值。这样无论用户更改哪个下拉框，服务端总能同时获取两项完整状态：

<form method="POST" id="weightForm">
  <!-- Aircraft Type -->
  <select class="aircraft-select" name="aircraftType" onchange="this.form.submit()">
    <option value="-">N/A</option>
    <?php
      $selectedAircraft = $_POST['aircraftType'] ?? '-';
      $sql = "SELECT * FROM aircraft";
      $result = $conn->query($sql);
      while ($row = $result->fetch_assoc()) {
        $id = $row['aircraftID'];
        $selected = ($id === $selectedAircraft) ? 'selected' : '';
        echo "<option value='$id' $selected>$id</option>";
      }
    ?>
  </select>

  <!-- Pilot Seat Type -->
  <select class="select-main" name="pilotSeatType" onchange="this.form.submit()">
    <option value="-">N/A</option>
    <option value="pilotSeat" <?= ($_POST['pilotSeatType'] ?? '') === 'pilotSeat' ? 'selected' : '' ?>>Pilot Seat</option>
    <option value="coPilotSeat" <?= ($_POST['pilotSeatType'] ?? '') === 'coPilotSeat' ? 'selected' : '' ?>>Co-Pilot Seat</option>
  </select>

  <!-- 隐藏域：确保两次提交间状态不丢失 -->
  <input type="hidden" name="prev_aircraft" value="<?= htmlspecialchars($_POST['aircraftType'] ?? '-') ?>">
  <input type="hidden" name="prev_pilot" value="<?= htmlspecialchars($_POST['pilotSeatType'] ?? '-') ?>">
</form>

? 后端逻辑优化（关键！）

移除重复的数据库连接与冗余查询，统一处理两个字段：

<?php
session_start();
include 'db.php';

// 初始化默认值
$basicWeight = $CGArm = $lat = $pilotSeatWeight = $pilotSeatLong = $pilotSeatLat = '0';

// 获取当前/历史选择（优先使用本次提交，否则回退上一次）
$aircraftID = $_POST['aircraftType'] ?? ($_POST['prev_aircraft'] ?? '-');
$pilotSeatID = $_POST['pilotSeatType'] ?? ($_POST['prev_pilot'] ?? '-');

// 查询机型数据（支持 N/A）
if ($aircraftID !== '-' && $aircraftID !== 'N/A') {
  $stmt = $conn->prepare("SELECT basicWeight, CGArm, lat FROM aircraft WHERE aircraftID = ?");
  $stmt->bind_param('s', $aircraftID);
  $stmt->execute();
  $result = $stmt->get_result();
  if ($result->num_rows > 0) {
    $row = $result->fetch_assoc();
    $basicWeight = $row['basicWeight'] ?: '0';
    $CGArm = $row['CGArm'] ?: '0';
    $lat = $row['lat'] ?: '0';
  }
}

// 查询座位数据
if ($pilotSeatID !== '-' && in_array($pilotSeatID, ['pilotSeat', 'coPilotSeat'])) {
  $seatTable = $pilotSeatID === 'pilotSeat' ? 'mainseat' : 'copilotseat'; // 假设不同表
  $stmt = $conn->prepare("SELECT seatWeight, seatLong, seatLat FROM $seatTable WHERE seatID = ?");
  $stmt->bind_param('s', $pilotSeatID);
  $stmt->execute();
  $result = $stmt->get_result();
  if ($result->num_rows > 0) {
    $row = $result->fetch_assoc();
    $pilotSeatWeight = $row['seatWeight'] ?: '0';
    $pilotSeatLong = $row['seatLong'] ?: '0';
    $pilotSeatLat = $row['seatLat'] ?: '0';
  }
}
?>

⚠️ 注意事项

• SQL 注入防护：务必使用 prepared statements（如上所示），禁止直接拼接 $_POST 变量。
• 空值容错：所有数据库字段访问前加 ?: '0' 或 ?? '0'，避免 Notice: Undefined index。
• 隐藏域安全：对 htmlspecialchars() 转义，防止 XSS。
• 用户体验：可添加 disabled 状态或加载动画（如 onsubmit="this.querySelector('select').disabled=true"）避免重复提交。

? 进阶推荐：AJAX 动态更新（无刷新体验）

若需更高交互性，建议改用 AJAX（如 jQuery 或 Fetch API）：

• 用户选择时，异步请求 /api/get-weight.php?aircraft=M503-1&seat=pilotSeat
• 服务端返回 JSON，前端直接更新 DOM 对应 元素
• 完全避免页面跳转，状态天然保持，且无竞态风险

但对初学者，统一表单 + 隐藏域是最简洁、可靠、无需额外库的解决方案。只要结构清晰、防御到位，即可完美支撑多控件协同场景。