thinkphp 级联菜单实现

养殖场-》栋舍级联菜单

//获取默认养殖场和栋舍信息

public function sbjr(){
        
        $yzc_model=M("Yzc");
        
        $list = $yzc_model
        ->field("id, mingcheng")
        ->where("shenhe=1")
        ->order("id ASC")
        ->limit($page->firstRow . ',' . $page->listRows)
        ->select();
        
        $juanshe_model=M("Juanshe");
        
        $list1 = $juanshe_model
        ->field("id, mingcheng")
        ->where("yzcid=".$list[0]['id'])
        ->order("id ASC")
        ->limit($page->firstRow . ',' . $page->listRows)
        ->select();

        $this->assign('list1', $list1);
        $this->assign('list', $list);
        $this->display();
    }

//前端模板显示

<table class="table table-bordered">
    <tr>
        <th>养殖场名称</th>
        <td>
            <select name="yzcmc" id="yzcmc">
                <foreach name="list" item="vo">
                    <option value="{$vo.id}">{$vo.mingcheng}</option>
                </foreach>
            </select>
            <span class="form-required">*</span>
        </td>
    </tr>
    <tr>
        <th>栋舍名称</th>
        <td>
            <select name="dsmc" id="dsmc">
                <foreach name="list1" item="vo">
                    <option value="{$vo.id}">{$vo.mingcheng}</option>
                </foreach>
            </select>
            <span class="form-required">*</span>
        </td>
    </tr>
</table>

前端js操作,ajax获取栋舍信息

<script type="text/javascript">

            $('#yzcmc').change(function(){
                var objectModel = {};
                var   value = $(this).val();
                objectModel['id']=value;
                $.ajax({
                    cache:false,
                    type:"POST",
                    url:"{:U('Setting/getjuanshe')}",
                    dataType:"json",
                    data:objectModel,
                    timeout:30000,
                    error:function(){
                        alert("{:U('Setting/getjuanshe')}");
                    },
                    success:function(data){
                        $("#dsmc").empty();
                        
                        var count = data.length;
                        console.log(count);
                        console.log(data);
                        var i = 0;
                        var b="";
                           for(i=0;i<count;i++){
                               b+="<option value='"+data[i].id+"'>"+data[i].mingcheng+"</option>";
                           }
                        $("#dsmc").append(b);
                    }
                });
            });

    </script>

thinkphp后端返回栋舍

//获取圈舍 级联菜单
public function getjuanshe(){
    
    $id=I('request.id');
    $juanshe_model=M("Juanshe");

    $list = $juanshe_model
    ->field("id, mingcheng")
    ->where("yzcid=".$id)
    ->order("id ASC")
    ->select();

    //$this->ajaxReturn($list,"JSON");
    echo json_encode($list);
}