Php 附加相关的子选择选项一次

更改主选择后，如何在subselect菜单中添加一次选择选项

问题是每次我更改“选择”选项时都会添加这些选项

如何使每个主选择选项只选择其相关选项一次

html和php：

  <?php
    $get_tables=$this->db->query("select * from floor_plan where fp_name='bellevue' and status='available' order by abs(t_id)");
    ?>
    <div class="form-group">
     <label for="qtn">Choose Table:</label>
    <select name="parent_table" id="table_all_numbers" class="form-control">
    <?php
    while($each_row=$get_tables->fetch_assoc()){

            ?>
        <option rel="<?php echo $each_row['ava_seats']; ?>" class="<?php echo $each_row['t_name']; ?>" value="<?php echo $each_row['t_id']; ?>">#<?php echo $each_row['t_id']; ?> &nbsp;<?php if($each_row['t_name']=='vip'){echo   '$'.$each_row['price']."/Table";}else{echo '$'.$each_row['price']."/Seat";} ?></option> 
            <?php

    }
    ?>
    </select>
   </div>

jquery：

var $items = $('select[name=parent_table]');
//quantity
$items.change(function(){
    var $this=$(this).find(':selected'),
    rel=$this.attr('rel');

   for(i=0;i<=rel;i++){

          $("#qtn").show();
          $("<option value='"+i+"'>"+i+"</option>").appendTo('#qtn');
   }

})

试试这个

$items.change(function(){
  var $this=$(this).find(':selected'),
    rel=$this.attr('rel');

  $('#table_all_numbers').html('');
  for(i=0;i<=rel;i++){
    $('#qtn')
      .append($('<option></option>')
      .attr("value", i)
      .text(i)); 
  }
  $("#qtn").show();
});

---

仍然存在同样的问题，每次更改主选择选项后都会添加子选择选项希望您的要求是删除选择标记中的选项，并根据选择更改添加新选项。如果是，我编辑了答案。请检查..这个编辑过的答案也不能解决问题：我将讨论以下过程：1-首先我将从主菜单中选择任何选项2-秒：子选择菜单中出现一个新选项3-如果我更改了主菜单中以前的选项，子选择菜单中的相关选项将出现，旧选项将消失。。。。。看看这个例子：我想要这样的东西，但是使用for循环从数据库中获取数据感谢sathya，我编辑了您的旧答案，并在它的顶部添加了一行以删除任何旧选项，代码现在运行良好，感谢我的兄弟。。。。