如何同时保留两个下拉框的选中状态并动态显示对应数据-html教程-PHP中文网

如何同时保留两个下拉框的选中状态并动态显示对应数据

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

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

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

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

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

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

<?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"）避免重复提交。