title: Select option reload and change value of other select box
body: <p>I have two select boxes. </p>
  
  <pre><code>Select Room Type
  Select Room No.
  </code></pre>
  
  <p>Here is the php code:</p>
  
  <pre><code>&lt;select id="room_type" name="room_type"  class="form-control"&gt;
  &lt;?php
  $selected = $row['room_type'];
  while($result = mysqli_fetch_array($getroomtypes)){ ?&gt;
  &lt;option value="&lt;?php echo $result['id'];?&gt;" &gt; &lt;?php echo $result['type'];?&gt; &lt;/option&gt;
  &lt;?php
  }
  ?&gt;
  &lt;/select&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
  &lt;label  class="control-label col-sm-2"&gt;Select Room&lt;/label&gt;
  &lt;div class="col-sm-5"&gt;
  &lt;select id="room" name="room"  class="form-control"&gt;
  &lt;?php
  $selected = $row['room'];
  while($result = mysqli_fetch_array($getroom)){ ?&gt;
  &lt;option value="&lt;?php echo $result['id'];?&gt;"&gt; &lt;?php echo $result['room'];?&gt; &lt;/option&gt;
  &lt;?php
  }
  ?&gt;
  &lt;/select&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So the issue here is Room No. depends on room type. For every room type there are various room numbers. Can anyone suggest me how can i reload the values of room no after selecting the room type?</p>
  
  <p>I am using bootstrap.</p>