javascript - 我该怎么做才能从数据库的表中打印该特定选项的所有数据？

Question

我有一个下拉列表，从数据库中获取它的选项。我能知道如何获取该特定选项的所有详细信息吗？ 注意:我一直在使用 Laravel

 <select class="form-control select-search" name="selectedUser" id="selectedUser" required style="width: 200px;">
   @foreach($users as $user)
    <option value="{{ $user->id }}" class="text-capitalize">{{ $user->name }}</option>
   @endforeach
 </select>

Answer 1

ajax请求请按照以下步骤进行。

路线

Route::any( '/user-data/{id}', 'UserController@getUser' );

在 Controller 文件中:

public function getUser( $id ){

    $user = User::findOrFail($id);

    return json_encode($user);
}

在 View Blade 中

<select class="form-control select-search" name="selectedUser" id="selectedUser" required style="width: 200px;">
     @foreach($users as $user)
    <option value="{{ $user->id }}" class="text-capitalize">{{ $user->name }}</option>
     @endforeach
 </select>
<div class="user-details">
     <div class="user-id"></div>
   <div class="user-location"></div>
</div>


$( '#selectedUser' ).change( function() {
   var userid = $(this).val();
   $.ajax({

    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
     },
     type:'GET',
     dataType: 'JSON',
     url: '/user-data/'+userid,        
     success: function(data) {
       console.log(data);
       $('.user-id').html(data.id);
       $('.user-location').html(data.id);
     }
 });
});