HTML select下拉框取值存入MySQL失败，提示roomID为空错误

你的select传值逻辑完全写反了，一共5处直接错误：

• Option的value赋值错误
  你给每个下拉选项写的是固定字符串value='customerIDselect'/value='roomIDselect'，根本没把数据库查到的真实ID放到value里。不管用户选哪一项，传出去的都是这个固定字符串，不是对应的ID。
• POST取值时机完全错误
  你是在循环输出下拉选项的过程中，就去读取$_POST['customerIDselect']。这时候还在渲染表单，根本没发生提交动作，POST数据还没到服务器，而且你select的name属性是customerID，不是customerIDselect，POST里压根没有这个键，取出来的自然是null。
• 前置查询提前吃掉了第一行数据
  查完customer、room表之后，你提前执行了一次mysqli_fetch_assoc()把第一行数据读走了，后面再用while循环输出选项的时候，就会从第二行开始读。如果表里只有1条数据，循环根本不会执行，下拉框是空的。这段提前fetch的代码完全多余，直接删掉就行。
• 无效HTML属性
  你在select标签里加了input type='number'，这是input标签的属性，select不认，写了也没用。
• 没有校验插入参数有效性
  你用预处理插入的时候，没有提前判断取到的ID是不是非空值。mysqli默认遇到null参数不会主动抛错，只会默默终止执行，所以你会看到"booking saved"的提示，但实际数据根本没写入。

修复后的代码示例 #

1. 下拉框查询代码（删掉提前fetch的冗余逻辑） #

// 查询所有房间ID
$query = 'SELECT `roomID` FROM `room`';
$result2 = mysqli_query($DBC, $query);

// 查询所有客户ID
$query = 'SELECT `customerID` FROM `customer`';
$result = mysqli_query($DBC, $query);

2. 表单代码（修正option的value，删掉无效属性） #

<form method="POST" action="newbooking.php">
  <p>
    <label for="customerID">Customer ID: </label>
    <select name="customerID" id="customerID">
      <?php while($row = $result->fetch_assoc()): ?>
        <option value="<?= $row['customerID'] ?>"><?= $row['customerID'] ?></option>
      <?php endwhile; ?>
    </select>
  </p>
  <p>
    <label for="roomID">Room ID: </label>
    <select name="roomID" id="roomID">
      <?php while($row = $result2->fetch_assoc()): ?>
        <option value="<?= $row['roomID'] ?>"><?= $row['roomID'] ?></option>
      <?php endwhile; ?>
    </select>
  </p>
  <!-- 补全checkin、checkout、extras的表单控件和提交按钮 -->
  <button type="submit">提交预订</button>
</form>

3. 提交后取值、插入的代码（调整取值时机，加校验） #

// 仅处理POST提交请求，不要在渲染表单阶段读POST值
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 表单提交后再从POST里取对应name的值
    $customerID = cleanInput($_POST['customerID'] ?? '');
    $roomID = cleanInput($_POST['roomID'] ?? '');
    $checkin = cleanInput($_POST['checkin'] ?? '');
    $checkout = cleanInput($_POST['checkout'] ?? '');
    $extras = cleanInput($_POST['extras'] ?? '');

    // 先校验必填项非空
    $error = 0;
    $msg = '';
    if (empty($customerID) || empty($roomID) || empty($checkin) || empty($checkout)) {
        $error = 1;
        $msg = '必填项不能为空';
    }

    // 校验通过再执行插入
    if ($error == 0) {
        $query = 'INSERT INTO `bookings` (`customerID`,`roomID`,`checkin`,`checkout`, `extras`) VALUES (?,?,?,?,?)';
        $stmt = mysqli_prepare($DBC, $query);
        // 如果ID是整数类型，绑定参数类型改成i，不要全用s
        mysqli_stmt_bind_param($stmt, 'iisss', $customerID, $roomID, $checkin, $checkout, $extras);
        $execResult = mysqli_stmt_execute($stmt);
        mysqli_stmt_close($stmt);
        
        if ($execResult) {
            echo "<h2>booking saved</h2>";        
        } else {
            // 打印实际错误信息，避免出现假成功的情况
            echo "<h2>保存失败：" . mysqli_error($DBC) . "</h2>";        
        }
    } else { 
        echo "<h2>$msg</h2>".PHP_EOL;
    }  
}

额外优化建议 #

• 连接数据库时可以加mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);，开启错误自动报告，只要SQL执行出错就会直接抛异常，不会出现"提示成功但实际没插入"的情况。
• 下拉选项如果要显示更友好的信息（比如房型、床数），可以把查询语句改成SELECT roomID, room_name, room_type FROM room，把option的显示内容换成这些字段，value仍然存roomID就行。

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