PHP jQuery Ajax在while循环中

Question

我正在尝试在循环中使用jquery ajax更新记录。 使用两个页面，index.php和update.php 数据显示正常，但是当我单击“更新”按钮时，所有数据都被删除了，不知道为什么， 我非常感谢您的帮助

 <?php
    $conn = new mysqli('localhost', 'root', '123456', 'lc');
    $sql = "SELECT * FROM lc where customer='souhail'";
    $result = $conn->query($sql);
    while ( $row=mysqli_fetch_assoc($result)) {       
       echo  'LC ID :<input type="text" id="fname" value="'.$row['element_6'].'"><br>';         
       echo  'Status :<input type="text" id="lname" value="'.$row['element_101'].'"><br>';
       ?>
       <button type="button" style="background-color:<?php
    if($row['element_101'] == '1'){
        echo '#0000FFF';

    }elseif ($row['element_101'] == '2'){
        echo '#ffff00';

    }elseif ($row['element_101'] == '3'){
        echo '#00FF00';

    }elseif ($row['element_101'] == '4'){
        echo '#ffffff';

    }
    //echo $row['element_101'];
    ?>;color:#000000" type="submit" id="update">Go Forward ></button>
<br><br>
<?php

    }?> 

    </center>
    <script>
        $(document).ready(function(){
            $("#update").click(function(){
                var fname=$("#fname").val();
                var lname=$("#lname").val();
                $.ajax({
                    url:'update.php',
                    method:'POST',
                    async: true,
                    data:{
                        fname:fname,
                        lname:lname
                    },
                    success:function(response){
                        alert(response);
                    }

                });
            });
        });
    </script>