Question

怎么使用ajax或jquery动态刷新下拉菜单里的值

若以下回答无法解决问题，邀请你更新回答

Answer 1

前台代码：
<select onchange="change_1()" name="sele_1" id="sele_1">
<option value="1" >北京</option>
<option value="2" >天津</option>
</select>
<select onchange="change_2()" name="sele_2" id="sele_2">
<option value="1" >朝阳区</option>
<option value="2" >和平区</option>
</select>
<script>
function change_1(){
var strvalue=$("#sele_1").val();
$.ajax({
type:'post',
url: "PHP函数 select_ajax_1()",
data:{"specialty_1":strvalue},
dataType: "json",
success: function (data) {
console.log(data); //控制台输出
$('#sele_2').html(""); //清空
//读取json数据
for (var i=0;i<data.length;i++){
// 数据库的联动菜单ID 菜单名
$('#sele_2').append("<option value='"+data[i].linkageid+"' >"+data[i].name+"</option>");
}
},
error:function(data){
alert("异常！");
}
})
}
</script>

后台php代码：
function select_ajax_1() {
//获取ajax传来的 specialty_1
$valueid = intval($_POST['specialty_1']);
/*
这里是查询二级菜单
*/
//返回json数据
echo json_encode(查询结果数组);
}