Make Select表格在Laravel中相互关联

Question

在那里我有3 select input type我想让它相互关联。

在这里我的观点：

<div class="form-group">
  <label for="">Location</label>
  <!-- <input id="geocomplete" type="text" name="location" placeholder="Type in an address" class="form-control" /> -->
  <select name='locations' class="form-control" id="map" required>
  <option value='' >- Location -</option>
    <?php 
      $zone = DB::table("zone")->get();
      foreach($zone as $zones) {
      echo "<option value='$zones->id'>$zones->zone</option>";
    }
    ?>
  </select>
</div>
<div class="form-group">
  <label for="">Location</label>
  <!-- <input id="geocomplete" type="text" name="location" placeholder="Type in an address" class="form-control" /> -->
  <select name='location' class="form-control" id="map" required>
  <option value='' >- Location -</option>
    <?php 
      $zonets = DB::table("zonets")->get();
      foreach($zonets as $zonetss) {
        if($zonetss->id_zone == $zone->id){
          echo "<option value='$zonetss->id'>$zonetss->location</option>";
        }
      }
    ?>
  </select>
</div>
<div class="form-group">
  <label for="">Location</label>
  <!-- <input id="geocomplete" type="text" name="location" placeholder="Type in an address" class="form-control" /> -->
  <select name='location_1' class="form-control" id="map" required>
  <option value='' >- Location -</option>
    <?php 
      $airport = DB::table("airport")->get();
      foreach($airport as $airports) {
      echo "<option value='$airports->id'>$airports->loc_airport</option>";
      }
    ?>
  </select>
</div>

这是我的表：

• 区域表：

  

• zonets表：

  

• 这是我的机场表：

  

在那里我想让选择相关。

例如：

在select = zone中我选择Jakarta（id = 3）

然后我想make zonets只显示id_zone = 3

的数据

之后与zonets相同，airport仅显示数据id_zonets与zonets相同的数据，我选择它。

我希望有人可以帮助我，让我的脚本正常工作..