Обновите список автоматически после выбора опции JavaScript или jquery

Я хочу обновить список после выбора опции другого списка

HTML-код

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js"></script>

<form action="check-add.php" method="post">
<table>
<tr>
<td align="center" height="60">students</span></td>
<td align="center" height="60"><select id="first-choice">
<option disabled selected>select students</option>
<option value="1">Mark</option>
<option value="2">Makarious</option>
</select></td>
</tr>
<tr>
<td align="center" height="60">subject</td>
<td align="center" height="60">
 <select class="selectpicker" data-style="btn-info" multiple data-max-options="7" data-live-search="true" id="second-choice"></select>
</td>
</tr>
<tr>
<td align="center" height="100" colspan="2">
<input type="submit" class="but" name="save-students" value="add"/></td>
</tr>
</table>
</form>

код JavaScript

<script type="text/javascript">
$("#first-choice").change(function() {
$("#second-choice").load("getter.php?choice=" + $("#first-choice").val());
}).trigger("change");
</script>

газопоглотитель.PHP-файл

<?php
    @include("../include/config.php");

    $choice = @mysqli_real_escape_string($conn, $_GET['choice']);
    $result = @mysqli_query($conn,"SELECT * FROM subjects WHERE phases='".$choice."'");
    while($row = @mysqli_fetch_array($result, MYSQL_ASSOC)){
        echo '<option value="'.$row['id'].'">'.$row['title'].'</option>';
    }
?>

После выбора переменной в этом списке
Не обновляет второй список
Не отображаются параметры
В #second-choice

Я хочу, чтобы код JavaScript автоматически обновлялся для второго списка, но после выбора опции из первого меню

1 ответ

  1. В getter.php, $choice будет равен одному из «select students», «1» или » 2 » из значений первого выбора. Это то, что вы ожидали?

    Я предполагаю из вашего заявления SELECT, что вы предпочли бы получить»», «Mark» или «Makarious». Если это так, то первый выбор должен выглядеть так

    <select id="first-choice">
      <option disabled selected value="">select students</option>
      <option value="Mark">Mark</option>
      <option value="Makarious">Makarious</option>
    </select>