首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用php和html限制第二个下拉列表选项

使用php和html限制第二个下拉列表选项
EN

Stack Overflow用户
提问于 2016-10-22 01:53:45
回答 1查看 52关注 0票数 2

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

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

如果用户是学生,则需要指定他们的表单组,该表单组是年份组(年级)和基数的组合。例如,基数为5的8年级学生的格式为8.5。教师的表单将保留为“null”。

year组和基数的选项将是两个单独的下拉列表。由于基数取决于年份组(7-11年有8个基数,12年和13年有12个基数),我需要能够限制基数的第二个下拉列表。

我通过xampp使用本地主机使用php和MySQL,对使用php和MySQL非常陌生。如果我需要学习另一种编程语言,我愿意这样做。

提前感谢您的支持!

EN

回答 1

Stack Overflow用户

发布于 2016-10-22 02:02:58

您可以通过多种方式来实现这一点。我认为如果你是新手,而且你的选择不是太多,这可能是一个简单的方法。

代码语言:javascript
运行
复制
$(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并调用您的数据库来对其进行存档。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40182722

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档