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

Question

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

所以看看我的桌子

这是我的控制器

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::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'])}}