html和php中下拉列表的动态填充

时间:2014-04-26 08:36:40

标签: php html

我正在研究学生出勤系统项目 因为我正在使用HTML和PHP 我需要解决这个问题的方法

我有4个下拉列表 在first drop down list包含 Civil Engg,Comp Engg等.....等等。 在second dropdown list主题名称存储在mssql数据库中,并且根据在第一个下拉列表中选择的值,我需要从数据库填充主题 喜欢

select * from allsubjects where branch='civilengg';

所以请给我这个场景的解决方案

1 个答案:

答案 0 :(得分:1)

Here有关使用Ajax和jQuery的动态依赖选择框的教程可能对您有帮助

另一种解决方案是:

在您的<select name="X">代码中添加ID,例如<select name="X" id ="X">

将另一个选择设为<select name="Y" id="Y">。这将是空白的。

将此jquery放入您的页面。

$("X").on("change",function(){
    var x_value=$("X").val();
    $.ajax({
        url:'ajax.php',
        data:{subject:x_value},
        type: 'post',
        success : function(resp){
            $("#Y").html(resp);               
        },
        error : function(resp){}
    });
});

在你的ajax.php中添加查询。

<?php
$row = mysqli_query("SELECT * from allsubjects WHERE branch =".$_POST['branch']);
while($row2 = mysqli_fetch_array($row))
    echo '<option value="' . $row2['subId'] . '">' . $row2['subName'] . '</option>
?>