javascript - Laravel，jquery - 根据选择框填充输入框

Question

我正在使用 jQuery 构建 Laravel 应用程序。我有一个带有选择框(产品列表)和文本输入字段的表单。

我的要求是，当我从顶部的选择框中选择产品时，所有其他字段的值应根据从数据库中为所选产品获取的产品值进行更新。

这是我的 js 脚本:

$(document).ready(function() {

    var divKey = $( "#proposed_product option:selected" ).val();

    $( "#proposed_product" ).change(function() {
        updateKeyValues();
    });

    function updateKeyValues() {
        $("#proposed_product").val(divKey);
        console.log(proposed_product); //what to do here..???

    }

});

我的 laravel 函数返回演出列表:

public function proposegigs($id){
    $gig = Gig::findOrFail($id);
    return $gig;

有人可以帮助实现这一点吗？

Answer 1

调用ajax获取数据

$( "#proposed_product" ).change(function() {
    $.ajaxSetup({
       headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
       url: "{{ route('your-route') }}",
       type: "POST",
       data: {id: $( "#proposed_product :selected" ).val()}, //send data to controller
       success: function(result){
           console.log(result);
           //check the console then put the data where you want
       }
    });

    $.ajax();
});

在你的 Controller 中返回 json 响应

public function proposegigs(Request $request){
    $gig = Gig::findOrFail($request->id);
    return response()->json(['data' => $gig]);
}