ThinkPHP和Jquery结合设计联动菜单

前台页面代码

HTML部分：

  <div class="col-sm-2 col-xs-6">
      <select class="form-control" id="school">
       <foreach name="schoolList" item="voschool">
    <option value="{$voschool.school_name}">{$voschool.school_name}</option>
      </foreach>
      </select>
     </div>
     <div class="col-sm-2 col-xs-6">
     <select class="form-control" id="campus">
    <option>老区</option>
    <option>新区</option>
     </select>
    </div>

JS部分：

<script>

$(document).ready(function(){
    $('#school').on("change",function(){
        var inner_html="";
     var schoolName=$('#school').val();
  $.get('__URL__/getCampus',{'school_name':schoolName},function(data)
     {
         if(data)
        {
         $("#campus").empty();
         var arr=data.split(' ');
         for(var item in arr)
         {
          inner_html+="<option value="+arr[item]+">"+arr[item]+"</option>"
         }
         $("#campus").append(inner_html);
        }
         else
          alert("加载错误");
     });
   })
});

</script>

后台代码

public function getCampus(){
     $School=M("school");
     $school_name=$_GET["school_name"];
     $where["school_name"]=$school_name;
     $campus=$School->where($where)->find();
     echo $campus['campus'];
     }