如何将示例Ajax异步传输与PHP实现交互改写成长尾？

本文共计701个文字，预计阅读时间需要3分钟。

背景：页面包含两个select框，一个与学院关联，另一个与专业关联。选择学院后，显示该学院的相关信息，专业select框下仅显示属于该学院的专业名称。

实现方式：

1.页面加载时，学院select框预填充所有学院名称。

2.用户选择学院后，动态获取该学院的相关信息，并显示在页面上。

3.专业select框根据所选学院动态更新，仅显示属于该学院的专业名称。

背景
前台页面两个select框，一个与学院关联，另一个与专业关联，现需要选择学院select框后，显示学院相关信息，且专业select下面仅有属于该学院的专业名称。也就是实现一个二级联动效果。
两个select里面分别定义onchange事件，事件中利用ajax的GET方法向后台PHP递交信息，再将查询得到的信息echo出来或document.write。
注：代码参考了有位叫y0umer的博主写的。