data-bs-target的id在laravel中不起作用

Question

我有一个模式弹出时，按下一个按钮。问题是，如何将值传递给模型？

我的表格如下图所示。正如你所看到的，每一行都有不同的id。我想要在按下按钮后获得特定行的id。

问题是如何根据id在bootstrap模式中显示数据。提前谢谢。

​

​

<div class="table-responsive">
    <table class="table table-striped">
        <thead>
        <tr>
            <th>ردیف</th>
            <th>مقطع تحصیلی</th>
            <th>رشته تحصیلی</th>
            <th>تاریخ اخذ مدرک</th>
            <th>جزییات بیشتر</th>
        </tr>
        </thead>
        <tbody>
        @foreach($user->educationals as $educational)
            <tr>
                <td class="fw-normal">{{ $educational->id }}</td>
                <td class="fw-normal">{{ $educational->grade }}</td>
                <td class="fw-normal">{{ $educational->major }}</td>
                <td class="fw-normal">{{ $educational->end }}</td>
                <td><a class="btn btn-link" data-bs-toggle="modal" data-bs-target="#educationals{{ $educational->id }}">جزییات بیشتر</a></td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>

@if(isset($educational))
    <div class="modal fade" id="educationals{{ $educational->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="educationals{{ $educational->id }}" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="educationals{{ $educational->id }}">درخواست</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <table class="table">
                        <tr>
                            <th>مقطع تحصیلی</th>
                            <td>{{ $educational->grade }}</td>
                        </tr>
                        <tr>
                            <th>رشته تحصيلي</th>
                            <td>{{ $educational->major }}</td>
                        </tr>
                        <tr>
                            <th>معدل</th>
                            <td>{{ $educational->avg }}</td>
                        </tr>
                        <tr>
                            <th>تاريخ شروع</th>
                            <td>{{ $educational->start }}</td>
                        </tr>
                        <tr>
                            <th>تاريخ اخذ مدرك</th>
                            <td>{{ $educational->end }}</td>
                        </tr>
                        <tr>
                            <th>موسسه دريافت اخذ مدرك</th>
                            <td>{{ $educational->docPlaceName }}</td>
                        </tr>
                        <tr>
                            <th>عنوان پايان نامه / رساله</th>
                            <td>{{ $educational->thesisTitle }}</td>
                        </tr>
                        <tr>
                            <th>مدارك</th>
                            <td>{{ $educational->upload_doc }}</td>
                        </tr>
                        <tr>
                            <th>کشور محل دريافت مدرك</th>
                            <td>{{ $educational->docPlaceCountry }}</td>
                        </tr>
                        <tr>
                            <th>شهر محل دريافت مدرك</th>
                            <td>{{ $educational->docPlaceCity }}</td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">اوکی</button>
                </div>
            </div>
        </div>
    </div>
@else
    <div class="alert alert-warning text-center" role="alert">
        اطلاعاتی وجود ندارد.
    </div>
@endif

Answer 1

您有很多选择，但我建议您以您喜欢的任何形式使用javascript。但是如果你不想使用javascript，你应该为每个表行建立模型。

@foreach($user->educationals as $educational)
    <div class="modal fade" id="educationals{{ $educational->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="educationals{{ $educational->id }}" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="educationals{{ $educational->id }}">درخواست</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <table class="table">
                        <tr>
                            <th>مقطع تحصیلی</th>
                            <td>{{ $educational->grade }}</td>
                        </tr>
                        <tr>
                            <th>رشته تحصيلي</th>
                            <td>{{ $educational->major }}</td>
                        </tr>
                        <tr>
                            <th>معدل</th>
                            <td>{{ $educational->avg }}</td>
                        </tr>
                        <tr>
                            <th>تاريخ شروع</th>
                            <td>{{ $educational->start }}</td>
                        </tr>
                        <tr>
                            <th>تاريخ اخذ مدرك</th>
                            <td>{{ $educational->end }}</td>
                        </tr>
                        <tr>
                            <th>موسسه دريافت اخذ مدرك</th>
                            <td>{{ $educational->docPlaceName }}</td>
                        </tr>
                        <tr>
                            <th>عنوان پايان نامه / رساله</th>
                            <td>{{ $educational->thesisTitle }}</td>
                        </tr>
                        <tr>
                            <th>مدارك</th>
                            <td>{{ $educational->upload_doc }}</td>
                        </tr>
                        <tr>
                            <th>کشور محل دريافت مدرك</th>
                            <td>{{ $educational->docPlaceCountry }}</td>
                        </tr>
                        <tr>
                            <th>شهر محل دريافت مدرك</th>
                            <td>{{ $educational->docPlaceCity }}</td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">اوکی</button>
                </div>
            </div>
        </div>
    </div>
@endforeach