Ajax 使用关系表填充laravel中基于选择下拉列表的文本框

我想根据选定的用户选项在文本框中显示数据的角色。例如，用户，作为项目经理的角色。然后，在选择用户时，文本框将显示角色管理器。但问题是，当我选择第一个用户时，他会在文本框中显示正确的数据。但在更改用户选择时，文本框不会更改，仅显示基于第一个选择的数据。怎么了

我想根据所选用户在文本框中显示角色

这是我的看法

模型用户

---

将您的JS更改为：

$(function() {
   $('#user_id').on('change', function(){
       var price = $(this).data('price');
       $('#name').val(price);
   });
});

-编辑-

改变这个

控制器：

$users = User::all();

视图：

$projects = Project::pluck('project_name', 'id');
$users = User::pluck('name', 'id');
$user_roles = auth()->user()->role;
return view ('teams.create', compact('projects', 'users', 'user_roles'));

<?php

namespace App;

use Illuminate\Notifications\Notifiable;
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Foundation\Auth\User as Authenticatable;
use App\Presence;
use App\Models\Project;
use App\Productivity;
use App\Sick_leave;
use App\Annual_leave;
use App\Models\Team;

class User extends Authenticatable
{
use Notifiable;

/**
 * The attributes that are mass assignable.
 *
 * @var array
 */
protected $fillable = [
    'name', 'email', 'password', 'role_id',
];

/**
 * The attributes that should be hidden for arrays.
 *
 * @var array
 */
protected $hidden = [
    'password', 'remember_token',
];

public function presence()
    {
        return $this->hasOne(Presence::class, 'astrowatch', 'user_id', 'presence_id');
    }

public function role()
    {
        return $this->belongsTo(Role::class, 'role_id');
    }

public function permission()
    {
        return $this->hasMany(Permission::class);
    }

public function teams()
    {
        return $this->belongsToMany(Team::class, 'user_teams');
    }

public function spent_time()
    {
        return $this->belongsToMany(Spent_time::class, 'astrowatch', 'user_id', 'spent_time_id');
    }

public function projects()
    {
        return $this->belongsToMany(Project::Class, 'user_projects');
    }
   }

$(function() {
   $('#user_id').on('change', function(){
       var price = $(this).data('price');
       $('#name').val(price);
   });
});

$users = User::all();

@foreach($users as $user)
     <option value="{{$user->id}}" data-price="{{$user->role->name}}"> 
         {{$user->name}}
     </option>                    
@endforeach