Jquery 基于父/子关系的Wordpress级联选择器

我有一个下拉选择器，其中填充了某些家长页面，这些最终将成为学校

例：

• 詹姆斯敦小学
• 帕克县高中
• 格林维尔中学

这是代码：（目前，出于测试目的，它只是拉取所有页面-我稍后将对此进行更改，但这不会对我遇到的问题产生影响）

无论出于何种原因，我对如何完成下一部分感到困惑，尽管可能是因为我缺乏JS、Jquery或AXJAX方面的专业知识（我认为后者将是我的解决方案）

我想要第二个层叠选择下拉列表，该下拉列表基于上一个选择填充。每所学校都有教师网页。这些页面将被列为特定学校的孩子，所以我可以在代码中使用这种关系

例如，假设第一个下拉列表是格林维尔中学，那么下一个下拉列表将填充所有教师

例：

• 史密斯太太
• 牛顿先生
• 格林太太
• 霍奇太太

我基本上知道，一旦做出了第一个选择，我将需要重新运行几乎相同的代码，但是稍微更改一下参数。只是不知道从哪里开始

谢谢

---

Mike

可能与其他帖子重复。好吧，在我发布这个问题之前，我搜索了很长时间，没有找到任何对我有帮助的东西；然而，我确实看到了你发布的内容和我需要的内容之间的关联，所以我将首先看一看。谢谢

<div id="left-area-full">
    <select name="page-dropdown"
     onchange='document.location.href=this.options[this.selectedIndex].value;'> 
     <option value="">
    <?php echo esc_attr( __( 'Select School' ) ); ?></option> 
     <?php 
      $pages = get_pages(); 
      foreach ( $pages as $page ) {
        $option = '<option value="' . get_page_link( $page->ID ) . '">';
        $option .= $page->post_title;
        $option .= '</option>';
        echo $option;
      }
     ?>
    </select>       
</div>  <!-- end #left-area-full -->