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

来源：互联网发布：小米6怎么设置4g网络编辑：程序博客网时间：2024/06/07 15:20

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

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');}}

每日吃超过十块的盖饭都会考虑好久

却心系宇宙从哪来到哪去的普普通程序员

2017.9.7

阅读全文

0 0