Ajax in laravel

Create.blade 

@section('javascript')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    <script type="text/javascript">


        function getval(sel) {
            var id = sel.value;
            // alert(id);            $.ajax({

                method: 'get',

                url: '/ajaxRequest',

                data: {'id': id},

                success: function (data) {
                    // alert(data);                    document.getElementById('discount').value = data;
                }

            });


        }




    </script>


    <script type="text/javascript">

        $(document).ready(function(){

            $('#select_id').change(function(){


                var s = $('#select_id').val();

                console.log(s);




            });

       


        });

        $(".myselect").select2(
            {
                placeholder: "Select category"
            });


    </script>
@endsection

 <div class="form-group">
                            <label>Scheme</label>
                            {{--<select class="myselect form-control" name="scheme_id" id="scheme_id">--}}                            {{--onchange="getval(this);"--}}
                            <select class="myselect form-control" name="scheme_id" id="scheme_id" onchange="getval(this)"  >

                                @foreach($schemes as $scheme)                                    <option   value="{{ $scheme->id}}" >
                                        {{ $scheme->name}}

                                    </option>
{{--                                    $x={{$scheme->discount}}--}}


                                @endforeach
                            </select>

                            {{--<input type="hidden" value="{{ $scheme->discount }}"  id="123" >--}}
                        </div>



                        <div class="form-group">
                            <label>Discount</label>

                            <input class="form-control" type="text" name="discount" id="discount" >




                            <span class="red">{{ $errors->first('scheme_id')}}</span>

                        </div>

//Route For these

Route::get('ajaxRequest','SchemeController@getDiscountBySchemeID')->name('scheme.getDiscountBySchemeID');




// Controller for AJax




function  getDiscountBySchemeID(Request $request){    $id= $request->input('id');    return Scheme::find($id)->discount;
}

Share this

Sabin Bajgain