Php 使用jQuery隐藏选择列表中的选项

当您单击“提交”按钮时，如何隐藏不在Hotel1的房间号并将所选房间号发送到下一页。现在，我将被迫只发送所选酒店的id，因为我需要使selHotel options和selroom的值相同

我正在使用php、html和Sqlite数据库。hotelrows和roomrows包含酒店表和房间表的所有行。谁能给我一个想法​​我怎样才能让它工作？例如，在选择酒店1时，我可以选择selroom中的101或102房间。（如果我的英语不好，很抱歉，希望有人能理解我的要求。）

我的php/html：

<select id="selHotel" name="selH">
<option value="default" selected> Select hotel</option>
<?php
  foreach($hotelrows as $row)
  {
    echo "<option value='". $row['id'] . "'>". $row['hotelname'] . "</option>";
  }
?>
 </select>

 <select id="selroom" name="selr">
<option value="default" selected>Select room </option>
<?php
  foreach($roomrows as $row)
  {
    echo "<option value='". $row['hid'] . "'>". $row['roomnum'] . "</option>";
      }
?>
 </select>

---

使用roomnum作为值，添加hid作为类，然后在选中时将其用作筛选器：

php:

---

代码的主要思想看起来很合理。什么不起作用？在insert.php页面上，它起作用了。但是，当我单击submit并使用POST将其发送到other.php时，情况就是这样。然后，$row['hid']必须是$row['roomnum']，这样我就可以使用我在insert.php上选择的房间号。id和hid在数据库中连接，并且是相同的号码，即hotel表中的酒店id。因此，在other.php中，我只在执行以下操作时获得id和hid的值：$\u POST['selr']。这是因为我设置了id选项的值。问题是我如何过滤出房间号码，并能够发送我选择的号码作为选择框的值？

<select id="selHotel" name="selH">
<option value="default" selected> Select hotel</option>
<?php
  foreach($hotelrows as $row)
  {
    echo "<option value='". $row['id'] . "'>". $row['hotelname'] . "</option>";
  }
?>
 </select>

 <select id="selroom" name="selr">
<option value="default" selected>Select room </option>
<?php
  foreach($roomrows as $row)
  {
    echo "<option value='". $row['hid'] . "'>". $row['roomnum'] . "</option>";
      }
?>
 </select>

$("#selHotel").change(function(){
        var hotelVal = $(this).find("option:selected").val();
        $('#selroom option').hide();
        $('#selroom option[value='+hotelVal+']').show();
    }); 

echo "<option class='cls_". $row['hid'] . "' vlaue='".$row['roomnum']."'>". $row['roomnum'] . "</option>";

$("#selHotel").change(function(){
    var hotelVal = $(this).find("option:selected").val();
    $('#selroom option').hide();
    $('#selroom .cls_'+hotelVal).show();
    $('#selroom .cls_'+hotelVal).first().attr('selected',true);
});