根据第一个下拉列表的选择加载第二个下拉菜单

时间:2017-04-22 18:25:58

标签: php jquery html ajax

议程是根据第一个下拉菜单选择填充第二个下拉菜单。我把它编码到了一定程度,但似乎我在某处遗漏了一些东西。 提前谢谢。

HTML CODE:

<div class="form-group">
    <label >Category</label>
    <select id="disabledSelect" class="form-control" name="product_category" onchange="ajaxfunction(this.value)">
        <option active>Select a Category</option>
        <?php
        load_category_dropdown();
        ?>                      
    </select>            
</div>

<div class="form-group">
    <label >Category</label>
    <select id="sub" class="form-control" name="sub" >
      <option active>Select a Category</option>                     
    </select>            
</div>

AJAX功能:

<script type="text/javascript">
function ajaxfunction(parent)
{
    $.ajax({
        url: 'process.php?parent=' + parent;
        success: function(data) {
            $("#sub").html(data);
        }
    });
}
</script>

process.php代码:

<?php
include("db_connect.php");  
$x=$_GET['parent'];
$get_cat="SELECT * FROM categories WHERE parent_id = $x";
$run_cat=mysqli_query($con,$get_cat);
echo "<option value='1'>Hello</option>";
while($data=mysqli_fetch_array($run_cat))
{       
    echo "<option value='$data['cat_id']'>$data['cat_tittle']</option>";
}
?>

1 个答案:

答案 0 :(得分:0)

两个语法错误:

  1. Javascript语法错误:+ parent;有一个分号,用逗号替换

  2. PHP语法错误:包裹$data['cat_id']

  3. {$data['cat_id']}