根据下拉列表选项填充列表项元素


Populate list item elements based on dropdown list choice

我有一个课程管理 php 页面,其中包含后端连接的数据库,其中包含特定课程中的课程、模块和模块。

我有一个带有下拉列表的表单,其中包含用于选择课程的选项。在下面,我希望从上面的下拉列表中显示所选课程中的模块列表,以显示为列表项元素。我的表单的 php 代码如下。我将如何使用 php 执行此操作?

    <form method="post" action="courseManagement.php">
                    <table>
                    <center> <span>Course Management<span></center><P><P><P>
                    <tr>
                    <td>Choose course to add module:     </td>
                         <td> <?php
                            $sql = "SELECT courseName FROM course";
                            $result = mysql_query($sql);
                            echo "<select name='courseName'>";
                                while ($row = mysql_fetch_array($result)) {
                                    echo "<option value='" . $row['courseName'] ."'>" . $row['courseName'] ."</option>";
                                    }
                                    echo "</select>";
                        ?> 
                    </td>
                        </tr>

                        <tr>
                        <td>
                        Modules in the choosen course
                        </td>
                        <td>
                        <li>Projects and management</li>
                        <li>Programming 2</li>
                        <li>Business Analysis</li>
                        </td>
                    </tr>

                    <tr>
                    <td>Choose module to add to course: </td>
                         <td> <?php
                            $sql = "SELECT moduleName FROM module";
                            $result = mysql_query($sql);
                            echo "<select name='moduleName'>";
                                while ($row = mysql_fetch_array($result)) {
                                    echo "<option value='" . $row['moduleName'] ."'>" . $row['moduleName'] ."</option>";
                                    }
                                    echo "</select>";
                        ?> 
                    </td>
                </tr>

                <tr>
                    <td>Choose module to delete from the course: </td>
                         <td> <?php
                            $sql = "SELECT moduleName FROM module";
                            $result = mysql_query($sql);
                            echo "<select name='moduleName'>";
                                while ($row = mysql_fetch_array($result)) {
                                    echo "<option value='" . $row['moduleName'] ."'>" . $row['moduleName'] ."</option>";
                                    }
                                    echo "</select>";
                        ?> 
                    </td>
                </tr>

                </table><p><br>
                <center>    
                <input type="submit" value="Update">
                </center>
                </form> 

如果你可以调用 ajax,那么使用这段代码非常简单:

SELECT * FROM course;

您的下拉代码如下所示:

<select name="course" id="course">
   <option value='1'>English</option>
   <option value='2'>Gujarati</option>
</select>

然后你想在第二个下拉列表中按模块显示选择课程,所以你可以在jQuery中使用它:

$(document).ready(function() { 
$('#course').change(function(){
        var courseid = $(this).val();
        if(courseid != '' && $.isNumeric(courseid)){
            $.post('path of file',{id:courseid}, function(result){
                // usable code //
            }); 
        }
    });
});

然后,此查询写入您在哪个文件中调用。

id = $this->input->post('id');

.SQL:

 SELECT module.*,course.* 
 FROM course 
 LEFT JOIN module ON course.moduleId = module.Id 
 WHERE course.moduleId = id;

您可以使用 ajax 调用调用此查询,并通过 courseid 获取模块的所有列表。