无法在bootstrap模式中获得更新的Id(laravel 5.3)

时间:2017-03-20 14:39:33

标签: jquery twitter-bootstrap laravel bootstrap-modal

我正在研究laravel 5.3我有一个添加标记的功能我得到一个使用foreach循环的学生列表,并且针对avery学生我有一个按钮来添加它看起来像的标记 View of retrived students

我想将显示在图像中的学生ID发送给控制器当我点击添加标记按钮时,它会给出一个模态,其中id始终为1,即使我点击第2行我的代码为

    @foreach($students as $index => $student)
                        <tbody>
                            <tr>
                                <td> {{ $index+1 }} </td>
                                <td> {{ $student->useremail }} </td>
                                <td>{{ $student->total_marks }} </td>
                                <td class='customerIDCell'>{{ $student->studentid }} </td>
                                <td><a href="#marks-student" data-toggle="modal">
                                <button id="sample_editable_1_new" class="btn sbold green">
                                    Add Marks <i class="fa fa-plus"></i>
                                </button></a></td>
                            </tr>
                        </tbody>
                        <div id="marks-student" class="modal" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 500px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Student Marks</h4>
            </div>
            <div class="modal-body">
            <form action="{{route('addmarks.store')}}" method="POST" id="ip-suppression-frm" class="form-horizontal">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="student_id" value="{{ $student->studentid }}">
                <div class="form-group">
                        <label class="control-label col-md-3">Marks
                            <span class="required"> * </span>
                        </label>
                        <div class="col-md-8">
                            <div class="input-icon right">
                                <i class="fa"></i>
                                <div class="input-icon right">
                                <i class="fa"></i>
                                <input type="text" name="marks" class="form-control" value="" />
                            </div>
                            </div>
                        </div>
                    </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-5 col-md-9">
                            <button type="submit" class="btn green">Submit</button>
                            <button type="reset" class="btn grey-salsa btn-outline">Reset</button>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endforeach

当我提交模态时,我总是得到1,即使我提交给用户2 .. 在上面的代码中,我将学生ID作为隐藏变量发送。

这行代码也是在上面的代码中写的

<input type="hidden" name="student_id" value="{{ $student->studentid }}">

请帮助我出错的地方以及如何获得学生的确切身份

提前致谢

2 个答案:

答案 0 :(得分:1)

您只能在HTML中使用id一次。你不断为每个学生添加新的模态,但你对每个模态使用相同的id; &#34;马克 - 学生&#34 ;.您始终使用id触发第一个元素。

您可以通过为每个模态赋予其自己唯一的ID来解决它。

<a href="#marks-student-{{{ $index }}}" data-toggle="modal"></a>

<div id="marks-student-{{{ $index }}}" class="modal" role="dialog" aria-hidden="true"></div>

答案 1 :(得分:0)

试试这个:

<td><a href="#marks-student" data-toggle="modal" data-target="#myModal{{$student->id}}">

并进行此更改:

<div id="myModal{{$student->id}}" class="modal" role="dialog" aria-hidden="true">