jquery - Ajax/Jquery & Laravel - 动态下拉选择并将选择值提取到文本框

Question

我想通过在我的 View 上选择下拉菜单来获取文本框中的数据。现在这是我的表，我有这张表，它填充了名为 aircraft_registration_number 的下拉列表，当我选择其中一个数据时，我需要获取我选择的行上的编号或 aircraft_id在文本框上获取。

所以看看我的 table

这是我的 Controller

public function findPrice(Request $request){
        $p = Aircraft::select('aircraft_id')->where('id',$request->id)->first();
        return response()->json($p);
    }

我的路线

 Route::get('/admin/aircrafts/findPrice', 'Admin\AircraftsController@findPrice');

我的看法

{{Form::select('aircraft_registration_number', $aircraft_reg,null,['class' => 'form-control-lg productname', 'placeholder' => 'Select RPC No.'])}}<br>
    <br>
    {{Form::text('prod_price', '', ['class' => 'form-control','data-dependent'=>'city'])}}

我的 AJAX/JQuery

 <script type="text/javascript">

  $(document).ready(function(){
        $(document).on('change','.productname',function(){
            var prod_id=$(this).val();

            var a=$(this).parent();
            console.log(prod_id);
            var op="";

            $.ajax({
            type:'get',
            url:'{!!URL::to('findPrice')!!}',
            data:{'id':prod_id},
            dataType:'json',//return data will be json
            success:function(data){
                console.log("price");
                console.log(data.price);

                // here price is column name in products table data.coln name

                a.find('.prod_price').val(data.price);

            },
            error:function(){

            }
        });


        });
  });

  </script>

在我的 console.logs 上，错误是这样的

Answer 1

您定位到错误的 URL。

改变这个:

url:'{!! URL::to('findPrice') !!}',

为此:

url:'{!! URL::to('admin/aircrafts/findPrice') !!}',

或者:

url: '{!! url('admin/aircrafts/findPrice') !!}',

编辑:要填充您的文本框，您还需要确保您定位的是正确的类。由于在您的 AJAX 回调中，您的目标是 .prod_price，因此您还需要将该类添加到您的输入中。

{{Form::text('prod_price', '', ['class' => 'form-control prod_price','data-dependent'=>'city'])}}