fetch all subcategory from subcategory using ajax

 

Route::get('get/subcategory/{category_id}','Admin\Products\ProductController@GetSubcate');

blade file

<div class="col-lg-4">

    <div class="form-group mg-b-10-force">

      <label class="form-control-label">Category: <span class="tx-danger">*</span>

        </label>

      <select class="form-control select2" name="category_id" 

            data-placeholder="Choose Category">

          <option label="Choose Category">Choose Category</option>

          @foreach ($categories as $category)

          <option value="{{ $category->id }}">{{$category->name  }}</option>

          @endforeach

      </select>

    </div>

  </div><!-- col-4 -->

  <div class="col-lg-4">

      <div class="form-group mg-b-10-force">

        <label class="form-control-label">Sub Category: 

            <span class="tx-danger">*</span></label>

        <select class="form-control select2" name="subcategory_id" 

                    data-placeholder="Choose Sub Category">

        </select>

      </div>

  </div><!-- col-4 -->

<script type="text/javascript">

    $(document).ready(function(){

   $('select[name="category_id"]').on('change',function(){

        var category_id = $(this).val();

        if (category_id) {

          $.ajax({

            url: "{{ url('/get/subcategory/') }}/"+category_id,

            type:"GET",

            dataType:"json",

            success:function(data) {

            var d =$('select[name="subcategory_id"]').empty();

            $.each(data, function(key, value){

            $('select[name="subcategory_id"]').append('<option value="'+ 

                    value.id+ '">' + value.name + '</option>');

            });

            },

          });

        }else{

          alert('danger');

        }

          });

    });

</script>

product controller

            
  public function GetSubcate($category_id){

        $cat=SubCategory::where('category_id',$category_id)->get();

        return json_encode($cat);

        //using route model binding

    }