Laravel 5 - Dynamically load content into input textfield from a select box

For those with Javascript phobia like me, this is how to dynamically load contents into a input textfield using a select box. This gist uses AJAX and JQuery. 

The view

 <div class="form-group col-sm-8">
     <label class="">Select Bank Account</label>
     <select class="form-control bank_account" name="bank_account">
       <option value="">--Please select--</option>
       @foreach($banks as $bank)
       <option value="{{$bank->id}}">{{$bank->name}}[{{$bank->account_number}}]</option>
       @endforeach
    </select>
 </div>
 <div class="form-group col-sm-8">
    <label class="">Account Balance</label>
    <input name="balance" id="balance" type="number"  class="form-control balance" readonly="true"/>
 </div>
 
 <-- Include this script in your view -->
 <script>
        $('.bank_account').on('change', function(e){
            var token = $("input[name='_token']").val();
            var bank_account = e.target.value;
            //ajax
            $.ajax({
                url: "<?php echo route('get-balance') ?>",
                method: 'POST',
                data: {bank_account:bank_account, _token:token},
                success: function(data) {
                    console.log(data);
                    $('#balance').empty();
                    $('#balance').val(data[0].currentBalance);
                }
            });
        });

    </script>
    
    Your route file
    
    Route::post('get-balance', 'FinanceController@get_balance')->name('get-balance');
    
    Your Controller
    public function get_balance(Request $request){
        $account_number = $request->bank_account;
        $balance = DB::select("select currentBalance from sys_bank_accounts where id = '$account_number'");
        return response()->json($balance);
    }