Ajax获取php返回json数据动态生成select下拉框的实例
功能:根据选择不同层次,在专业下拉框中动态生成对应分类的专业。
HTML:
本科 高职(专科) --
JQuery:
$("#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("--");
$.each(data.data,function(index,val){
$("#major").append(''+val.major+'');
});
break;
case'0':
$("#major").append("--");
break;
}
returnfalse;
}
});
returnfalse;
});
后台控制器:
publicfunctionqueryMajor()
{
if(I('post.level')==1){$ccmc='本科';}else{$ccmc='高职(专科)';}
$dao=M('Plan');
$condition["ccmc"]=$ccmc;
$record=$dao->where($condition)->field('major')->select();
if($record!=null){
$this->ajaxReturn($record,'','1');
}else{
$this->ajaxReturn('','','0');
}
}
以上这篇Ajax获取php返回json数据动态生成select下拉框的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。