相关疑难解决方法(0)

我正在尝试创建一个搜索框,其中从'box1'中选择的选项填充了'box2'可用的选项.两个框的选项都来自我的MYSQL数据库.我的问题是我不知道如何基于第一个查询执行查询而不刷新页面,这将是乏味和烦人的.

HTML/PHP

<form role="form" action="search.php" method="GET">
          <div class="col-md-3">
              <select class="form-control">
                  <?php
                  $result = mysqli_query($con,"SELECT `name` FROM school");
                  while($row = mysqli_fetch_array($result)) {
                    echo '<option name="'.$row['name'].'">'.$row['name'].' School</option>';
                  }

                  ?>
              </select>
          </div>
          <div class="col-md-3">
              <select class="form-control">
                  <?php
                  $result = mysqli_query($con,"SELECT * FROM products");
                  while($row = mysqli_fetch_array($result)) {
                    echo '<option name="'.$row['product'].'">'.$row['product'].'</option>';
                  }
                  mysqli_close($con);
                  ?>
              </select>
          </div>
          <button type="submit" class="btn btn-info">Search</button>
    </form>

我认为查询会像这样.AJAX可能是这个问题的解决方案,但我不确定如何使用AJAX执行此查询而无需刷新.

SELECT `product` FROM products WHERE `school` = [SCHOOL NAME FROM BOX 1]

提前致谢!