如何将参数传递给laravel 5.3上的模态？

Question

我的看法是这样的：

<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，它会调用模式

我的模式是这样的：

<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传递给模态

我不得不尝试一下像我上面的代码

但是，$ 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> 

它的工作原理

Answer 1

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

<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> 

Answer 2

我想你是加载与JavaScript或jQuery的模式，当你点击td。现在你如何看待JavaScript会选择一个由PHP生成的变量。您需要在td上添加一个保存id的属性并在javascript中添加逻辑，以便在单击td时它将选择携带id的属性的值。我希望你了解这个概念