如何将模态的 id（带变量）传递给 javascript

Question

我是 bootstrap en modals 的入门者和 Javascript 的绝对入门者，希望有人可以帮助我使用 Javascript。 我有一个带有表格的 PHP 页面，每一行都有一个按钮来启动模式以显示一些细节。 在模式上有一些我想传递给结果页面的隐藏字段。 （尚未实现。）modal-id 由静态部分和 php 变量组成。 我怎样才能让 javascript 获得正确的模态名称。

抱歉，部分代码是荷兰语，但它们在代码中没有功能。

<script type='text/javascript'>

     $(document).ready(function(){
     $('#myModal').on('click', '.btn-info', function(e){
     var vfname = $('#fname').val();
     var vemail = $('#email').val();


            $.post("result.php", //Required URL of the page on server
               { // Data Sending With Request To Server
                  fname:vfname,
                  email:vemail,
               },
            function(response,status){ // Required Callback Function
//             $("#result").html(response);//"response" receives - whatever written in echo of above PHP script.

          });

     $('#myModal').modal('hide');
   });
   });

  </script> 

模态形式

<!-- toggle modal button -->
<button class = "btn btn-primary btn-xs" data-toggle = "modal" data-target = "#myModal<?php echo $row["id"]; ?>" >
   Opgeven
<button>

<!-- Info Modal -->
<div class = "modal fade" id = "myModal<?php echo $row["id"]; ?>" tabindex = "-1" role = "dialog" aria-labelledby = "myModalLabel" aria-hidden = "true">
   <div class = "modal-dialog">
      <div class = "modal-content">
         <div class = "modal-header">
            <h5 class = "modal-title" id = "myModalLabel" style="color: #8A5450">
               <?php echo $row["omschrijving_activiteit"] . "<br>"; ?>
               <?php echo $row["relatie"]; ?>
            </h5>
         </div>
         <div class = "modal-body">
            <center>
               <table width="225px" class="table-borderless">
                  <tr>
                     <td width="200px">Aantal vrijwilligers nodig    : </td>
                     <td width="25px"><?php echo $row["aantal_nodig"]; ?></td>
                  </tr>
                  <tr>
                     <td>Opgegeven vrijwilliger(s) : </td>
                     <td><?php echo $rowcount; ?></td>
                  </tr>
               </table>
            </center>
            <br />
            <div style="color: #8A5450">
            <h6>
               Ik geef mij op om bovenstaande activiteit te begeleiden.
            </h6>
         </div
         // input hidden fields                                              
      </div>
      <div class = "modal-footer">
         <form method="post">
            <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">Annuleren</button>
            <button type="button" class="btn btn-success btn-sm"  id="save_menu_button" >Verzenden</button>
         </form>
      </div>
   </div><!-- Sluit modal-content -->
</div><!-- Sluit modal-dialog -->
</div><!-- Sluit modal -->