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下拉框的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。