Javascript AJAX动态相关选择框

我需要什么

我需要创建一个输入表单，必须填写动态下拉列表如下截图

我的实际剧本是什么

实际上被划分在一些文件中，我将忽略数据库连接和函数文件

assign.php

getcategory.php

发生了什么事

代码未按预期工作。我使用默认团队测试了getcategory.php文件，并且工作正常。。它返回一个带有查询结果的选项列表

另外，代码的其余部分似乎是正确的。 假设jquery将getcategory.php的输出插入id“optioncategory”中，但它没有

我已经读过：

但这对我毫无帮助，因为我的代码是相似的，并且具有相同的结构

有没有修复它的建议

---

提前谢谢

代码不完整。标题上缺少一个脚本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

---

关于，

您既没有清理查询中的输入，也没有使用准备好的语句，这两者都可能导致灾难。我可以帮助您，但我的解决方案将利用PDO。所以在我回答之前，PDO示例可以接受吗？是的，我在所有代码中都使用PDO。我发现了错误！未添加jquery脚本！！！！

<?php

include ('connection.php');

$team = $_POST['teamselected'];

$query = "SELECT szActivitySubCategory FROM Subcategories WHERE szTeam = '$team'";
$result = sqlsrv_query($conn,$query);
if(!$result){
    echo "<center>Error detected:Query <b>".$query."</b> did not work. 
   <br>Please contact the administrator</center><br>".sqlsrv_errors($query);
}
$ouput = "<option value=\"\">Select Category</option>";
while($row = sqlsrv_fetch_array($result, SQLSRV_FETCH_ASSOC))
{
    $selected = $row['szActivitySubCategory'];
    $ouput = $ouput."<option value='$selected'> $selected </option>";
}

echo $ouput;

?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>