个人中心
gpt4 book ai didi

javascript - 如何使用 Parse.com Cloud DB 在 HTML 中使用 php 创建动态下拉列表

转载 作者：行者123 更新时间：2023-12-03 10:14:05 25 4
gpt4 key购买 nike

我在 Parse Cloud 中有一个数据库。并想检索下拉列表中的数据。我有 4 个下拉列表，当我选择第一个下拉列表时，其相关列表应显示到第二个下拉列表中，并进一步显示到第三个下拉列表中，等等。例如:第一个下拉列表是类(class)列表，当我选择类(class)时，其相关主题应显示在第二个下拉列表中，选择主题列表后，其相关章节应显示在下一个下拉列表中。



 
    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Dependent Select Box </title>
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
    $(".course").change(function()
    {
        var id=$(this).val();
        var dataString = 'id='+ id;

        $.ajax
        ({
            type: "POST",
            url: "get_chapter.php",
            data: dataString,
            cache: false,
            success: function(html)
            {
                $(".year").html(html);
            } 
        });
    });


    $(".year").change(function()
    {
        var id=$(this).val();
        var dataString = 'id='+ id;

        $.ajax
        ({
            type: "POST",
            url: "get_subject.php",
            data: dataString,
            cache: false,
            success: function(html)
            {
                $(".subjects").html(html);
            } 
        });
    });

});
</script>
<style>
label
{
font-weight:bold;
padding:10px;
}
div
{
    margin-top:100px;
}
select
{
    width:200px;
    height:35px;
}
</style>
</head>

<body>
<center>
<div>
<label>Course :</label> 
<select name="course" id="course" class="course">

<option value = "">Select...</option>
<?php foreach($course_array as $category) {$category = htmlspecialchars($category);?>
<option value="<?php echo $category; ?>"><?php echo $category; ?></option>
<?php
}
?>
  </select>

<label>Year :</label> <select name="year" id="year" class="state">
<option selected="selected">--Select Year--</option>
</select>


<label>Subjects :</label> <select name="subjects" class="city">
<option selected="selected">--Select Subjects--</option>
</select>

</div>

最佳答案

因此，按照您的示例，首先将所有类(class)加载到您的下拉列表中。然后在第一个下拉列表的更改事件中编写一个ajax调用以获取相关主题(在您的情况下)，然后在主题更改时编写另一个ajax调用以获取下一个下拉列表的数据等等...

另一种方法可以是在每个下拉菜单发生更改时提交表单并使用 $_GET 或 $_POST 接收页面中的值，然后根据您的值填充选择框

希望对你有帮助

关于javascript - 如何使用 Parse.com Cloud DB 在 HTML 中使用 php 创建动态下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29967380/

25 4 0
文章推荐： javascript - Angular，同步两个选择元素
文章推荐： asp.net-mvc - ASP.net MVC - 我可以告诉 Html.Partial 在哪里可以找到 View 吗？
文章推荐： django - 调试 Django 权限错字
文章推荐： javascript - Meteor 中的全局应用程序数据
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com