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

Question

议程是根据第一个下拉菜单选择填充第二个下拉菜单。 我仅对其进行了编码，但似乎我在某处缺少了一些内容。 提前致谢。

HTML代码：

<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>";
}
?>

Answer 1

两个语法错误：

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

2. PHP语法错误：将$data['cat_id']包装$data['cat_id'] {$data['cat_id']}