时间戳

首页 > 解决方案 > 如何从数据库中的表中打印该特定选项的所有数据？

javascript - 如何从数据库中的表中打印该特定选项的所有数据？

问题描述

我有一个下拉列表，从数据库中获取它的选项。我可以知道如何获取该特定选项的所有详细信息吗？注意：我一直使用 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>

标签： javascripthtmlangularjslaravellaravel-5

解决方案

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

路线

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

在控制器文件中：

public function getUser( $id ){

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

    return json_encode($user);
}

在视图刀片

<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);
     }
 });
});

推荐阅读