добавить связанные параметры подвыбора один раз

как я могу добавить опцию выбора после выбора меню после изменения основного выбора

проблема в том, что опции добавляются каждый раз, когда я меняю опцию выбора

как я могу сделать каждый основной вариант выбора, чтобы выбрать только связанные параметры только один раз

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');
}

})

1

Решение

Попробуй это

$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();
});
3

Другие решения

Других решений пока нет …