如何在 laravel 5.3 上将参数传递给模态？答案

【问题标题】：How can I pass parameter to modal on the laravel 5.3?如何在 laravel 5.3 上将参数传递给模态？
【发布时间】：2017-10-30 17:18:51
【问题描述】：

我的看法是这样的：

<table class="table table-bordered">
    ...
    <tr>
        @for($i = 0; $i < 5; $i++) 
        <td id="image-view-li-{{$i}}" style="display: none" data-toggle="modal" data-target="#modal-option">
            <img id="image-view-{{$i}}" src="https://myshop.co.id/img/shop1.jpg" alt="">
        </td>

        @section('modal')
        @include('components.modal.option',['i'=>$i]) 
        @endsection
        @endfor
    </tr>
    ...
</table>

当我点击 td 时，它会调用 modal

我的模态是这样的：

<div id="modal-option" class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="form-horizontal">
                    <div class="form-group">
                        <a href="javascript:" id="image-edit-{{$i}}">
                            <span class="fa fa-pencil"></span>
                        </a>
                    </div>
                    <div class="form-group">

                        <a href="javascript:" class="text-danger" id="image-delete-{{$i}}">
                            <span class="fa fa-trash"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我想将参数$i 传递给模态

例如，我点击$i = 3的td，然后它会将参数$i = 3传递给modal

我已经像上面的代码一样尝试过

但是，发送的 $id 总是 0

我该如何解决这个问题？

更新

我找到了解决办法

@for($i = 0; $i < 5; $i++) 
<td id="image-view-li-{{$i}}" style="display: none" data-toggle="modal" data-target="#modal-option-{{$i}}">
    <img id="image-view-{{$i}}" src="https://myshop.co.id/img/shop1.jpg" alt="">
</td>
@include('components.modal.option',['i'=>$i]) 
@endfor


<div id="modal-option-{{$i}}" class="modal" tabindex="-1" role="dialog">
    ...
</div>

有效

【问题讨论】：

@endif的开口在哪里？
@aceraven777，对不起。我更新了我的问题

标签： php html laravel laravel-5.3 bootstrap-modal

【解决方案1】：

我想当您单击 td 时，您正在使用 javascript 或 jquery 加载模式。现在您认为 javascript 将如何获取由 PHP 生成的变量。您需要在 td 上添加一个包含 id 的属性并在 javascript 中添加一个逻辑，以便在单击 td 时它将选择携带 id 的属性的值。我希望你理解这个概念

【讨论】：

好的。谢谢。我试过你的概念

【解决方案2】：

为什么必须将模态包装在模态部分？也许你想要这个解决方案？

<table class="table table-bordered">
    ...
    <tr>
        @for($i = 0; $i < 5; $i++) 
        <td id="image-view-li-{{$i}}" style="display: none" data-toggle="modal" data-target="#modal-option">
            <img id="image-view-{{$i}}" src="https://myshop.co.id/img/shop1.jpg" alt="">

            @include('components.modal.option',['i'=>$i])
        </td>
        @endfor
    </tr>
    ...
</table>

【讨论】：

我更新了我的答案，把模态放在<td>