ajax/jquery&laravel-动态下拉选择并将选择值提取到文本框

7gcisfzg  于 2021-06-17  发布在  Mysql
关注(0)|答案(1)|浏览(335)

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

这是我的控制器

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上,错误是

uxh89sit

uxh89sit1#

你的目标地址不对。
更改此项:

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

相关问题