Javascript 如何在从数据库获取值时更新依赖下拉列表

我无法从数据库中检索到相关下拉列表中的值…我有3个分别用于“分区”、“子仓库”、“仓库”的表。主表为“总线”。检索时，我无法将值转换为各自的id。 我正在使用Php PDO。 请任何人帮助我使用jquery和php部件在下拉列表中检索值，然后再次更新它。 我的代码如下：

查看_bus_details.php

添加总线详细信息
&时代；
输入总线名称*


选择部门名称*
选择部门


选择子仓库名称*
选择子仓库


选择仓库名称*
选择仓库


选择总线类型*
选择总线类型
普通的
亚什万蒂
平假名
亚细亚
帕里瓦坦
希塔尔
希夫内里（AC）
希夫内里（AC）卧铺
阿什瓦梅德
希夫沙希（AC）
Shivshahi（AC）卧铺
城市公共汽车
包裹
旅游
雅特拉


接近
$（文档）.ready（函数（）{
var dataTable=$（“#用户_数据”）.dataTable({
“处理”：对，
“服务器端”：正确，
“订单”：[]，
“ajax”：{
url:“fetch.php”，
类型：“职位”
},
“columnDefs”：[
{
“目标”：[5,6]，
“可订购”：错误，
},
],
});
$（文档）.on（'submit'，'user#u form'，函数（事件）{
event.preventDefault（）；
var bnum=$（'b#u num'）.val（）；
var d1=$（'#div1'）.val（）；
var d2=$（'#div2'）.val（）；
变量d3=$（'#div3'）.val（）；
var btype=$（'#总线类型'）.val（）；
如果（bnum！=''&&d1！=''&&d2！=''&&d3！=''&&b类型！=''）
{
$.ajax({
url:“insert.php”，
方法：'POST'，
数据：新表单数据（本），
contentType:false，
processData:false，
成功：功能（数据）
{
警报（数据）；
$（'user_form'）[0].reset（）；
$（'#userModal'）.modal（'hide'）；
dataTable.ajax.reload（）；
}
});
}
其他的
{
警报（“所有字段均为必填项”）；
}
});
$（文档）。在（'单击'，'更新'，函数（）上）{
var user_id=$（this.attr（“id”）；
$.ajax({
url:“fetch_single.php”，
方法：“张贴”，
数据：{user\u id:user\u id}，
数据类型：“json”，
成功：功能（数据）
{
$（'userModal'）.modal（'show'）；
$（'b#num'）.val（data.b#num）；
$（'#div1'）.val（data.div_name）；
$（'#div2'）.val（data.sub#u仓库）；
$（'#div3'）.val（data.depot_name）；
$（'bus_type'）.val（data.b_type）；
//$（'.modal title'）。文本（“编辑路线”）；
$（'#user_id'）.val（user_id）；
$（'行动'）.val（“更新”）；
$（“#操作”）.val（“编辑”）；
}
})
});
$（文档）。在（'单击'，'删除'，函数（）上）{
var user_id=$（this.attr（“id”）；
如果（确认（“您确定要删除此总线记录吗？”）
{
$.ajax({
url:“delete.php”，
方法：“张贴”，
数据：{user\u id:user\u id}，
成功：功能（数据）
{
警报（数据）；
dataTable.ajax.reload（）；
}
});
}
其他的
{
返回false；
}
});
});
$（文档）.ready（函数（）{
jQuery（“#country”）.change（function（）{
var id=jQuery（this.val（）；
如果（id='-1'）{
jQuery（'#state'）.html（'Select Sub#u depot'）；
}否则{
$（“#divload”）.addClass（'show'）；
jQuery（'#state'）.html（'Select Sub#u depot'）；
jQuery（'#city'）.html（'selectDepot'）；
jQuery.ajax({
类型：'post'，
url:'get_data.php'，
数据：'id='+id+'&type=state'，
成功：功能（结果）{
$（“#divload”）.removeClass（'show'）；
jQuery（'#state'）.append（result）；
}
});
}
});
jQuery（'#state'）.change（function（）{
var id=jQuery（this.val（）；
如果（id='-1'）{
jQuery（'#city'）.html（'selectDepot'）；
}否则{
$（“#divload”）.addClass（'show'）；
jQuery（'#city'）.html（'selectDepot'）；
jQuery.ajax({
类型：'post'，
url:'get_depot.php'，
数据：'id='+id+'&type=city'，
成功：功能（结果）{
$（“#divload”）.removeClass（'show'）；
jQuery（“#city”）.append（result）；
}
});
}
});
});

注意，您的代码容易受到SQL注入的攻击，您应该使用prepare语句Syes先生…我使用prepare语句的地方…请告诉丢失的地方..您不应该直接在SQL中插入来自

$\u POST

的数据，而应该使用参数。例如：