Wie man einen Datensatz in PHP mit jQuery Popup bearbeiten

Question

Ich habe die Liste der Datensatz Ich möchte den Datensatz im Popup bearbeiten, wenn ich auf den Knopf des Datensatzes klicken, zeigt es den ersten Datensatz im Popup nicht den ganzen Datensatz i jeden Datensatz bearbeiten möchten, aber es funktioniert nicht

das ist mein pHP-Code

<?php 

    error_reporting(0); 
     $conn = mysql_connect('localhost', 'root', '') or die("Can't Connect With Local"); 
     $db = mysql_select_db('school') or die("Local DB Not Found"); 

     $s = mysql_query("Select * from student"); 

     while($sql = mysql_fetch_array($s)) 
     { 
     echo'<div class="ammad">'. $sql["id"]."".$sql["Name"]."".$sql["Subject"].'</div>'; 
     echo '<input ammad="'.$sql["id"].'" type="submit" class="abc" id="abc"/>'; 

     } 

?> 

das ist das Pop-up html

<div id="myModal" class="modal"> 


<div class="modal-content"> 
    <span class="close">×</span> 
    <p></p> 
</div> 

</div> 

und das ist das Skript meines Popup

<script> 
    var modal = document.getElementById('myModal'); 
    var btn = document.getElementById('abc'); 
    var span = document.getElementsByClassName("close")[0]; 
    btn.onclick = function() { 
     modal.style.display = "block"; 
    } 
    span.onclick = function() { 
     modal.style.display = "none"; 
    } 
    window.onclick = function(event) { 
     if (event.target == modal) { 
      modal.style.display = "none"; 
     } 
    } 
    </script> 


<script type="text/javascript"> 

$(document).ready(function(){ 

$("#abc").click(function(){ 
    var b = $(this).attr("ammad"); 
    $(".modal-content").append(b); 

    }); 
}); 

</script> 

Answer 1

Sie verwenden zwei Skripte über gleiche Element

1. btn.onclick = function() {
2. 
   
   aber beide sind gleiche Element und Aktionen sind gleich. Besser einen verwenden.
   Do not mixup grundlegende javascript und jquery für einfache stuffs. Verwenden Sie einen, mit dem Sie sich wohl fühlen.