如何將值傳遞給模式（對於多條記錄）？

Question

我有一個頁面，可以在其中編輯一些有關數據庫的學生信息，這是我的HTML：

 echo '<table width="700" border="1" id="datesNamesT" class="datesNamesT">';
    echo '<tbody>';
      echo '<tr>';
        echo '<td width="256" align="left" id="datesNamesTTD" class="datesNamesTTD" style="border-style: none;">' . 'Dr. ' . $ro[STUFName"] . '  ' . $ro["STULName"] . ' ' . $ro["STU_id"] .'</td>';

        echo '<td width="140" align="center" style="border-style: none;">
        <div class="containerr">
                          <div class="interior">


                            <a class="btn" href="#open-modal">Open Modal</a>
                          </div>
                        </div>
                        <div id="open-modal" class="modal-window">
                          <div>
                            <a href="" title="Close" class="modal-close">Close</a>
                            <h1>Select Date and Time</h1>';
                            echo '<div>' . $ro[STUFName"] . '  ' . $ro["STULName"] . '</div>'; 
                            echo '<br>
                                <div class="container">
                                      <div class="round">
                                        <input type="checkbox" id="Saturday" class="cb"/>
                                        <label for="Saturday">Saturday</label>
                                        <input type="checkbox" id="Sunday" class="cb"/>
                                        <label for="Sunday">Sunday</label>
                                        <input type="checkbox" id="Monday" class="cb"/>
                                        <label for="Monday">Monday</label>
                                        <input type="checkbox" id="Tuesday" class="cb"/>
                                        <label for="Tuesday">Tuesday</label>
                                        <input type="checkbox" id="Wednesday" class="cb"/>
                                        <label for="Wednesday">Wednesday</label>
                                        <input type="checkbox" id="Thursday" class="cb"/>
                                        <label for="Thursday">Thursday</label>
                                        <input type="checkbox" id="Friday" class="cb"/>
                                        <label for="Friday">Friday</label>
                                      </div>
                                      .
                                      .
                                      .
                                      .
                                      .
                                      .

我的主要代碼運行正常，但是我的問題是，每當我按“打開模態”時，模態將只為數據庫中的第一位學生提供我的值（僅適用於第一行），它為我提供每個“打開”的第一行的數據模態”，我點擊。 這是我正在研究的照片

因此，基本上，我希望該模式能夠為每個學生而不僅僅是第一個學習。 謝謝

Answer 1

我建議您使用AJAX示例：

將id輸入每個學生示例的按鈕：

<a href="javascript:void(0)" class="edit_student" data-id="<?php echo $id; ?>">Edit</a> 

然后創建一個ajax代碼來檢索要在模式中呈現的學生數據：

$('.edit_student').click(function(){
  var id = $(this).data('id');
  $.ajax({
    url:"/getStudentDetails.php",
    data:{id:id},
    type:"POST",
    dataType:"json",
    success:function(res){
          //feed the data to the modal here
          $('#student_name').val(res.student_name);//example
          $('#open-modal').modal('show');

    }
  });

});