当我选择另一个选择标签时如何更改选择标签？

Question

老实说，我很难发现如何构建我的问题，但为了细节，我会清楚地解释清楚。

我有一个关于酒店房间类型的选择标签，如普通，家庭，豪华，行政，总统等，而在另一个选择标签我有房间号码，如房间401,402 ......，501 ....我想要的是每次我选择普通房间，房间号码将变为401-409，如果我选择总统，房间号码将变为500-509等等......是否可能？我正在使用php。

    echo "Room Type              &nbsp";
    echo "<select>
        <option value='ordinary'>Ordinary</option>;
        <option value='family'>Family</option>
        <option value='superior'>Superior</option>
        <option value='deluxe'>Deluxe</option>
        <option value='corner'>Corner Suite King</option>
        <option value='executive'>Executive</option>
        <option value='exSuite'>Executive Suite</option>
        <option value='exGrand'>Grand Executive</option>
        <option value='presidential'>Presidential</option>
        </select>";
    echo "<br/>";
    echo "<table border='1'>";  
/*------------------------------------------------------------------------*/        

    echo "Available Rooms &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp";
    echo
     "<select>";
    $x= 401;
    while($x<=500)
    {
        echo "<option>$x</option>";
        $x++;
}   

    echo "</select>";
    echo "<hr/>";
    echo "<table border='1'>";  

/*------------------------------------------------------------------------*/        


    echo "<input type='Submit'>";

这是我的代码，这只是我在hello world输出php之前的第二个php项目：D

Answer 1

只有PHP才有可能，但是使用javascript / jquery是可能的： - ）

您处理更改事件并填写您的可用选择

$(function() { //run on document.ready
  $("#selectRoom").change(function() { //this occurs when select 1 changes
    //Fill by AJAX your second selectbox
  });
});

Answer 2

您需要使用JavaScript。为“rootType”选择框设置onchange事件，以更新房间号选择框的innerHTML。

看看这个question