jQueryポップアップを使用してPHPでレコードを編集する方法

Question

私はレコードのリストを持っています私はレコードのボタンをクリックするとポップアップでレコードを編集したいポップアップの1番目のレコードを表示していますこれは、これがポップアップHTML

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


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

</div> 

であり、これは私のポップアップのスクリプトである私のPHPコード

<?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"/>'; 

     } 

?> 

あるすべてのレコードを編集したいが、それは

が動作していない

<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

あなたは同じ要素

1. btn.onclick = function() {
2. 
   
   上の2つのスクリプトを使用しているが、どちらも同じ要素であり、アクションは同じです。いずれかの方が良い。
   Do notミックスアップ単純なもののための基本的なjavascriptとjquery。どちらか快適なものを使用してください。