html 二级联动

 <div id="global_location">
       <select id="country" name="country" class="country" data-first-title="选择国家/区域" onchange="countryArea()">
              <option value="0">请选择国籍</option>
              @foreach($area as $value)
                  <option value="{{$value['id']}}">{{$value['name']}}</option>
              @endforeach
          </select>
          <script>
              function countryArea() {
                 var country = $('[name=country] :selected').val();
                  $.ajax({
                      type:'POST',
                      url:'/area',
                      dataType:"json",
                      data:{country:country},
                      success:function (data) {
                          $("#state").empty();
                          var count = data.length;
                          var i = 0;
                          var b="";
                          for(i=0;i<count;i++){
                              b+="<option value='"+data[i].id+"'>"+data[i].name+"</option>";
                          }
                          $("#state").append(b);

                      }
                  });

              }
          </script>
          <select id="state" name="state" class="state"></select>
      </div>

public function area(Request $request){
        $area = AreaModel::where('pid',$request['country'])->get()->toArray();

        return $area;
    }