0

昨天我在这个论坛上问了一个关于如何根据另一个下拉列表更新 HTML 下拉列表（选择列表）的问题。不幸的是，某些用户并不清楚。但没问题，我发现它是如何工作的。所以，让我们从脚本开始，我把它上传到了 pastebin： http: //pastebin.com/sFhbPAFj

我的目标是什么？

在第一个下拉列表（lecturer_id）中，我有一些讲师的姓名和 ID。此信息来自 PostgreSQL 数据库。例如，一个选项列表可以是：

X

第二个列表应包含讲座教授的课程。另一个例子：

数学

此信息也来自数据库，但它应该是动态的。就像如果我选择 Y 老师，第二个列表应该是其他课程的更新。

问题是，我不知道如何将这些数据从我的 PHP 应用程序传输到上面的脚本，另一方面，我不知道如何从 jQuery 脚本中获取讲师 ID 到我的 PHP 代码中。（我需要该 ID 来填充课程列表）

我希望这次我的问题很清楚。

4

2 回答 2

2

最好使用AJAX。就像是：

$("#teacher_select").change(function(){
id = $(this).val();
$.ajax({
              type: "GET",
              url: "some.php/?id=" + id, // perform a query for all courses taught by this teacher and return html
              success: function(data){
                           $("#course_select").html(data);
                           }
            });
});

您还可以返回一个 json 对象并在客户端（即在success函数中）转换为 HTML，在这种情况下不要忘记添加dataType:"json".

编辑：要检索加载的第一位教师的课程，只需使用响应onload事件的相同 ajax 请求 - 或在 JQuery 中$(document).ready();- 这将为您提供当前所选教师的课程

于 2012-12-30T20:00:07.597 回答
0

您可以使用 jQuery ajax 函数调用带有教师 ID 的数据库来获取课程并更新第二个下拉列表。

顺便说一句，你所有的 javascript 都是用户 jQuery。使用for你可以使用 jQuery each。

于 2012-12-30T19:58:53.617 回答