javascript - 在 php 中使用下拉菜单排序和检索数据

Question

我的网页上有两个下拉菜单。一个是类(class)列表，另一个是学生列表。我想要做的是，当在类(class)菜单中进行选择时，它将更新学生菜单以仅列出该类(class)中的学生。

所有类(class)和学生数据都保存在 MySQL 数据库中。检索我想要的结果的SQL语句不是问题。我已经弄清楚了。问题是我不知道如何在不使用提交按钮的情况下获取一个下拉菜单来更新另一个下拉菜单。有没有办法让类(class)菜单在更改时调用 php 函数，从而更新学生菜单？

我已经浏览了几个类似的问题，但其中很多最终都会在第二个菜单更新时重置第一个菜单。我需要在最后的页面上打印所选的类(class)和学生。

这是可以用 PHP 完成的事情，还是 Javascript 更可取？如果有人能指出正确的方向，我们将不胜感激。

Answer 1

Is there a way to have the course menu call a php function when it changes, and that will update the student menu?

是的。对此的流行词是 AJAX。

您最终将使用 JavaScript 和 PHP 来完成此操作。实际实现起来比较复杂，所以我给大家列出基本步骤。

1. (JavaScript) 为类(class)下拉菜单绑定(bind) change 事件。
2. (JavaScript) 触发该事件时，捕获所选类(class)并将 XMLHttpRequest 与所选类(class)一起发送到您的服务器。
3. (PHP) 捕获所选类(class)，并运行 SQL 语句来获取您的学生。
4. (PHP) 将学生列表转换为文本格式(JSON、XML、分隔文本等)以发送回浏览器(使用 echo、print 等)。
5. (JavaScript) 填充学生下拉菜单。