如何將參數傳遞給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的屬性的值。我希望你瞭解這個概念