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 AJaxfunction getDiscountBySchemeID(Request $request){ $id= $request->input('id'); return Scheme::find($id)->discount; }