如何使用jQuery弹出窗口在php中编辑记录

Question

我有记录列表，当我单击记录的按钮时，我想在弹出窗口中编辑记录，它在弹出窗口中显示第一个记录，而不是我想编辑每个记录的所有记录，但它不起作用

这是我的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"/>';

        }

?>

这是弹出的HTML

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


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

</div>

这是我弹出窗口的脚本

    <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. $("#abc").click(function(){
   
   但两者是相同的元素，动作是相同的。 最好使用其中之一。
   不要将基本的javascript和jquery混在一起用于简单的东西。 请使用您喜欢的任何一种。