使用 php 和 html 限制第二个下拉列表选项 [关闭]答案

【问题标题】：Limiting the second drop down list option using php and html [closed]使用 php 和 html 限制第二个下拉列表选项 [关闭]
【发布时间】：2016-10-22 02:02:58
【问题描述】：

我正在为一所学校的学生和教师制作登录系统。

在注册时，用户需要指定他/她的用户类型：学生或教师。

如果用户是学生，则她/他需要指定他们的表单组，该组是年级组（年级）和基数的组合。例如，以 5 为基础的 8 年级学生将采用 8.5 形式。教师的表格将保留为“空”。

年份组和基数的选项将是 2 个单独的下拉列表。由于基地的数量取决于年级组（7-11 年级有 8 个基地，12 和 13 年级有 12 个基地），我需要能够限制基地的第二个下拉列表。

我正在通过 xampp 使用 localhost 使用 php 和 MySQL，并且对同时使用 php 和 MySQL 非常陌生。如果我需要学习另一种编程语言，我愿意这样做。

提前感谢您的支持！

【问题讨论】：

我会在 Ajax 中使用 Javascript/jQuery

标签： php html mysql drop-down-menu

【解决方案1】：

您可以通过多种方式实现这一目标。我认为，如果您是新手，并且您选择的选项不是太多，这可能是一种简单的方法。

$(document).ready(function () {
    $("#year").change(function () {
        var val = $(this).val();
        if (val == "item1") {
            $("#base").html("<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>");
        } else if (val == "item2") {
            $("#base").html("<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>");
        } else if (val == "item3") {
            $("#base").html("<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>");
        }
    });
});

因此，使用 jQuery，您可以读取在一个下拉列表中选择的选项并更改另一个下拉列表的值。

正如其他用户所提到的，这也可以通过使用 Ajax 并调用您的数据库来存档。

【讨论】：