如何点击添加按钮后自动填充上一表单的技师ID

嘿，我来帮你搞定这个自动填充技师ID的需求，这在Laravel项目里其实很容易实现，分以下几步就能完成：

1. 在技师列表页面的添加按钮中传递技师ID #

首先，你需要在技师列表的「添加Tarification Tache」按钮里，把当前技师的ID作为URL参数传递到新增页面。假设你的技师列表是循环渲染的，修改按钮的路由链接：

@foreach($technicians as $technician)
    <!-- 其他技师信息展示 -->
    <a href="{{ route('tarification-tache.create', ['technician_id' => $technician->id]) }}" class="btn btn-sm btn-primary">
        添加Tarification Tache
    </a>
@endforeach

这样点击按钮时，URL会带上?technician_id=XXX的参数，后端就能拿到对应的技师ID了。

2. 后端控制器接收并传递ID到视图 #

接下来在你的TarificationTacheController的create方法里，获取URL中的技师ID，还可以顺便查询技师信息（用于前端显示确认），然后传递到表单视图：

use App\Models\Technician;
use Illuminate\Http\Request;

public function create(Request $request)
{
    // 获取URL中的技师ID参数
    $technicianId = $request->query('technician_id');
    $technician = null;

    // 如果ID存在，查询对应的技师信息（可选，用于前端显示）
    if ($technicianId) {
        $technician = Technician::findOrFail($technicianId);
    }

    // 把ID和技师信息传递到视图
    return view('tarification-tache.create', compact('technicianId', 'technician'));
}

3. 在新增表单中自动填充技师ID #

最后在你的新增表单视图里，用传递过来的$technicianId自动填充字段。这里有两种常见做法：

方式一：隐藏字段存储ID，显示技师名称确认 #

这种方式既自动填充了ID，又让用户能看到关联的技师信息，避免出错：

@extends('Layouts.app')
@section('content')
<div class="card">
    <div class="card-header">添加新的Tarification Tache</div>
    <div class="card-body">
        <form method="POST" action="{{ route('tarification-tache.store') }}">
            @csrf

            <!-- 隐藏字段：自动填充技师ID -->
            <input type="hidden" name="technician_id" value="{{ $technicianId }}">

            <!-- 显示关联的技师信息，设为只读让用户确认 -->
            <div class="mb-3">
                <label class="form-label">关联技师</label>
                <input type="text" class="form-control" value="{{ $technician->name ?? '无关联技师' }}" readonly>
            </div>

            <!-- 你的其他表单字段，比如Tarification的名称、价格等 -->
            <div class="mb-3">
                <label class="form-label">Tache名称</label>
                <input type="text" name="tache_name" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">价格</label>
                <input type="number" name="price" class="form-control" step="0.01" required>
            </div>

            <button type="submit" class="btn btn-success">保存</button>
        </form>
    </div>
</div>
@endsection

方式二：如果需要保留选择功能（可选） #

如果你希望在特殊情况下仍能手动选择技师，可以用下拉框默认选中对应的ID：

<div class="mb-3">
    <label class="form-label">关联技师</label>
    <select name="technician_id" class="form-select" required>
        @foreach($allTechnicians as $tech)
            <option value="{{ $tech->id }}" {{ $tech->id == $technicianId ? 'selected' : '' }}>
                {{ $tech->name }}
            </option>
        @endforeach
    </select>
</div>

这种方式需要在控制器里把所有技师数据也传递到视图。

4. 路由配置（确保支持参数） #

最后确认你的路由配置，create路由不需要额外参数定义，因为我们用的是查询参数：

use App\Http\Controllers\TarificationTacheController;

Route::resource('tarification-tache', TarificationTacheController::class);
// 或者单独定义create路由
Route::get('/tarification-tache/create', [TarificationTacheController::class, 'create'])->name('tarification-tache.create');

这样整个流程就通了：点击技师列表的添加按钮 → 带着技师ID跳转到新增页面 → 表单自动填充对应的技师ID → 用户填写其他信息后提交。

内容的提问来源于stack exchange，提问作者IT2704