• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax获取php返回json数据动态生成select下拉框的实例

    功能:根据选择不同层次,在专业下拉框中动态生成对应分类的专业。

    HTML:

    label>层次/label>
    select name="level" id="level">
     option value="1">本科/option>
     option value="2">高职(专科)/option>
    /select>
    label>专业/label>
    select name="major" id="major">
     option value="">--/option>
    /select>

    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("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;
         });

    后台控制器:

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

    您可能感兴趣的文章:
    • Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
    • Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
    • jQuery+PHP+ajax实现微博加载更多内容列表功能
    • php+ajax做仿百度搜索下拉自动提示框(有实例)
    • ajax+php 谷歌搜索框自动填充功能 实例代码
    • Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
    • Ajax+php实现商品分类三级联动
    • Ajax+PHP实现的分类列表框功能示例
    上一篇:通过Ajax方式绑定select选项数据的实例
    下一篇:ajax动态加载json数据并详细解析
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Ajax获取php返回json数据动态生成select下拉框的实例 Ajax,获取,php,返回,json,数据,