Как передать текущее значение строки в модальном?

Question

Я выполняю операции PHP CRUD на столе. Когда я нажимаю кнопку редактирования, а затем беру ее на новую страницу, я хочу показать значения в модальном. Я хочу, чтобы значение отображалось в форме модального. Я создал модальный, но я не могу думать о логике, чтобы передать значения строки, в которую была нажата кнопка редактирования. Любая помощь будет высоко оценен.

Таблица:

<table class="table datatable-basic table-bordered table-hover"> 
    <thead> 
     <tr class='active'> 
      <th><b>S.No.</b></th> 
      <th><b>Name</b></th> 
      <th><b>Mobile Number</b></th> 
      <th><b>Password</b></th> 
      <th><b>Actions</b></th> 
     </tr> 
    </thead> 

    <tbody> 
     <?php 

      $sql="SELECT * from users ORDER BY name ASC" ; 
      $c = 1; 
      $results = $result->query($sql); 
      while($row = $results->fetch_assoc()) 
      { 
      echo '<tr style="font-weight:normal;">'; 
      echo "<td>$c</td>"; 
      echo "<td>{$row['name']}</td>"; 
      echo "<td>{$row['username']}</td>"; 
      echo "<td>{$row['pass']}</td>"; 

      echo "<td class='text-center'><ul class='icons-list'><a href='#' style='color:#000;'><i class='icon-pencil5' data-toggle='modal' data-target='#modal_edit' 
      data-popup='tooltip' title='Edit' data-container='body'></i></a> 

      <a href='delete.php?teacherid={$row['username']}' style='color:#000;'><i class='icon-cross2' data-popup='tooltip' title='Delete' 
      data-container='body'></i></a></ul></td>"; 
      echo '</tr>'; 
       ++$c; 
      } 
     ?> 
    </tbody>  
</table> 

Мой Модальные как это: -

<div id="modal_edit" class="modal fade" style="font-weight: normal;"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h5 class="modal-title">Add Teacher</h5> 
     </div> 

     <form action="" method="POST"> 
      <div class="modal-body"> 
       <div class="form-group"> 
        <div class="row"> 
         <div class="col-sm-6"> 
          <label>Full Name</label> 
          <input type="text" name="fullname" class="form-control" required> 
         </div> 

         <div class="col-sm-6"> 
          <label>Mobile Number</label> 
          <input type="text" name="mobno" class="form-control" required> 
         </div> 
        </div> 
       </div> 

       <div class="form-group"> 
        <div class="row"> 
         <div class="col-sm-6"> 
          <label>Password</label> 
          <input type="password" name="password" class="form-control" required> 
         </div> 


        </div> 
       </div> 



       <div class="modal-footer"> 
        <button type="button" class="btn btn-link" data-dismiss="modal">Close</button> 
        <button type="submit" name="submit" class="btn btn-primary">Submit</button> 
       </div> 
      </div> 
     </form> 
    </div> 
</div> 

Answer 1

<?php 
    . 
    . 
    echo "<td class='text-center'> 
      <ul class='icons-list'> 
       <a href='#modal_edit' class='modalButton' style='color:#000;' data-teacherid='{$row['username']}' data-toggle='modal' data-target='#modal_edit' data-popup='tooltip' title='Edit' data-container='body'> 
        <i class='icon-pencil5'></i> 
       </a>"; 

    echo "<a href='delete.php?teacherid={$row['username']}' style='color:#000;'><i class='icon-cross2' data-popup='tooltip' title='Delete' 
    data-container='body'></i></a></ul></td>"; 
    echo '</tr>'; 
    ++$c; 
} 
?> 

Поместите этот код куда-нибудь, но на той же странице.

<div id="modal_edit" class="modal fade" style="font-weight: normal;"> 
    <div class="modal-dialog"> 
      <div class="modal-content"> 

      </div> 
    </div> 
</div> 

JS

<script> 
    $('.modalButton').click(function(){ 
     var teacherid = $(this).attr('data-teacherid'); 
     $.ajax({url:"ajax_modal_edit.php?teacherid="+teacherid,cache:false,success:function(result){ 
      $(".modal-content").html(result); 
     }}); 
    }); 
</script> 

Создание имени страницы ajax_modal_edit.php (Если вы хотите изменить это название страницы. Изменение <script></script> тега тоже. Оба связаны между собой.)

ajax_modal_edit.php

<?php 
$teacherid = $_GET['teacherid']; 

// Use this `$teacherid` in query to get all required/appropriate field 
?> 

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h5 class="modal-title">Add Teacher <?php echo $teacherid;?></h5> 
</div> 
<form action="" method="POST"> 
    <div class="modal-body"> 
     <div class="form-group"> 
      <div class="row"> 
       <div class="col-sm-6"> 
        <label>Full Name</label> 
        <input type="text" name="fullname" class="form-control" required> 
       </div> 

       <div class="col-sm-6"> 
        <label>Mobile Number</label> 
        <input type="text" name="mobno" class="form-control" required> 
       </div> 
      </div> 
     </div> 
     <div class="form-group"> 
      <div class="row"> 
       <div class="col-sm-6"> 
        <label>Password</label> 
        <input type="password" name="password" class="form-control" required> 
       </div> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-link" data-dismiss="modal">Close</button> 
      <button type="submit" name="submit" class="btn btn-primary">Submit</button> 
     </div> 
    </div> 
</form> 

Для получения дополнительной информации, проверить Passing data via Modal Bootstrap and getting php variable?