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

 }