как передать модальный идентификатор (с переменной) в JavaScript - PullRequest
Новая
       12

как передать модальный идентификатор (с переменной) в JavaScript

0 голосов
/ 20 октября 2019

Я начинающий с начальной загрузки и модалок и абсолютный стартер с Javascript, надеюсь, кто-нибудь может мне помочь с Javascript. У меня есть PHP-страница с таблицей, и в каждой строке есть кнопка для запуска модального окна, чтобы показать некоторые детали. На модале появляются скрытые поля, которые я хочу передать на страницу результатов. (Еще не реализовано.) Модальный идентификатор сделан из static-part и переменной 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 -->
...