成都网站建设设计

将想法与焦点和您一起共享

Ajax如何获取php返回json数据动态生成select下拉框-创新互联

这篇文章主要介绍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;
        }
        return false;
       }
      });
      return false;
     });

后台控制器:

public function queryMajor()
 {
 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下拉框”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


文章名称:Ajax如何获取php返回json数据动态生成select下拉框-创新互联
分享URL:http://chengdu.cdxwcx.cn/article/dgipoo.html