Ajax获取php返回json数据动态生成select下拉框的实例（php接收ajax传的数据）硬核推荐

文章摘要

这篇文章介绍了如何使用 jQuery 和 AJAX 实现一个多选框功能。点击左侧的水平滑块后，会发送 POST 请求，根据返回的数据在右侧的多选框中添加选项。文章详细描述了如何处理两种状态（1 和 0），并展示了如何在成功响应中显示或隐藏选项。此外，还提到了如何在返回数据中添加多选框选项的实现细节，整体展示了如何通过简单的 AJAX 请求和 JavaScript 编程来实现多选框功能。

$(“#level”).click(function(){
$.ajax({
type:”POST”,
url:”{:U(‘Target/queryMajor’)}”,
dataType: “json”,
data:{
level:$(‘#level’).val()
},
success:function(data){
$(“#major”).empty();
switch (data.status){
case ‘1’:
$(“#major”).append(“<option value=” >–</option>”);
$.each(data.data,function(index,val){
$(“#major”).append(‘<option value=’+val.major+’ >’+val.major+'</option>’);
});
break;
case ‘0’:
$(“#major”).append(“<option value=” >–</option>”);
break;
}
return false;
}
});
return false;
});