Значение столбца не обновляется в таблице

Question

Я не могу обновить одно поле столбца.Пожалуйста, подскажите, что не так в моем коде

index.php

<?php
  $host    = "localhost";
  $user    = "root";
  $pass    = "";
  $db_name = "logistics";
  $lastId="";
  //create connection
  $con = mysqli_connect($host, $user, $pass, $db_name);
  $result = mysqli_query($con,"SELECT * FROM notification");
?>
<div class="table-inner-wrapper">
  <h5 class="text- blll"> Active Alerts </h5>
  <table class="table table-hover table-striped">
    <tr class="t_head">
      <th>ID </th>
      <th>Forklift ID</th>
      <th>Timestamp</th>
      <th>Duration</th>
      <th>Alert Details</th>
      <th></th>
      <th>Remark</th>
      <th></th>
    </tr>
    <?php
      while($row = mysqli_fetch_array($result)){
        echo "<form action='' id='remarks' method='post'>";
        echo "<tr>";
        echo "<td>" . $row['id'] . "</td>";
        echo "<td>" . $row['forklift_id'] . "</td>";
        echo "<td>" . $row['noti_start'] . "</td>";
        echo "<td>" . $row['duration'] . " hr</td>";
        echo "<td>" . $row['alert_details'] . "</td>";
        echo "<td><i class='email' id='". $row['id'] ."'> &nbsp;<i class='fa fa-inbox fa-2x'> </i> </i> </td>";
        echo "<td><textarea class='remarks' id='".$row['id']."'> ".$row['remarks']."  </textarea></td>";
        echo "<td><input type='button' class='btn btn-info remark' value='submit' id='".$row['id']."'></td>";
        echo "</tr>";
        echo "</form>";
      }
    ?>
  </table>
</div>
<script type="text/javascript">
  $(() => {

    $(document).ready(function(){

      $(".remark").on('click',function(e){
        e.preventDefault();
        var id = $(this).attr('id');
        var remarks    = $("textarea.remarks").val();
        //  alert(remarks);
        // alert(id);
        $.ajax({
          url:'remark.php',
          method:'POST',
          data: {id: id, remarks: remarks},
          success:function(data){
            alert(data);
            // return data;
          }
        });
      });
    });

  })
</script>

Примечание.php

<?php
  $conn = new mysqli('localhost', 'root', '', 'logistics');

  $remarks = $_POST['remarks'];
  echo $remarks;
  $id = $_REQUEST['id'];
  echo $id;

  $sql = "UPDATE notification SET remarks='".$remarks."' WHERE id='".$id."' " ;

  if($conn->query($sql)===TRUE){
    echo "DATA updated";
  }
?>

Я пытаюсь обновить значение столбца примечаний при отправке на основе идентификатора строки, но оно обновляет только первую строку значения столбца, и если я щелкаю по оставшимся строкам, оно не обновляет значение примечаний.

Answer 1

Эта строка:

var remarks = $("textarea.remarks").val();

даст вам значение только первого textarea с классом remarks.Вам нужно получить доступ к замечаниям из текстовой области, связанной с кнопкой.Однако у вас есть проблема с несколькими элементами с одинаковым id, поэтому вам нужно сначала исправить это.Попробуйте изменить этот код:

echo "<td><i class='email' id='". $row['id'] ."'> &nbsp;<i class='fa fa-inbox fa-2x'> </i> </i> </td>";
echo "<td><textarea class='remarks' id='".$row['id']."'> ".$row['remarks']."  </textarea></td>";

на

echo "<td><i class='email' id='e". $row['id'] ."'> &nbsp;<i class='fa fa-inbox fa-2x'> </i> </i> </td>";
echo "<td><textarea class='remarks' id='t".$row['id']."'> ".$row['remarks']."  </textarea></td>";

Теперь у вашего поля textarea есть уникальный id, который все еще связан с $row['id'].Поэтому в коде вашего события вы можете написать:

var remarks = $("#t" + id).val();

, чтобы получить значение примечаний, связанных с этой кнопкой.

Answer 2

Пара вещей:

Я бы изменил $id = $_REQUEST['id']; на $id = $_POST['id'];

Во-вторых, ваш <form> тег находится внутри вашего цикла while, что означает, что вы выводите новую формуна каждой итерации.Все формы будут иметь одинаковый идентификатор.Это вызовет у вас проблемы и будет соответствовать типу поведения, которое вы описываете.Удалите теги <form> изнутри цикла следующим образом:

echo "<form action='' id='remarks' method='post'>"; 

  while($row = mysqli_fetch_array($result)){

    echo "<tr>"; 
    echo "<td>" . $row['id'] . "</td>";
    echo "<td>" . $row['forklift_id'] . "</td>";
    echo "<td>" . $row['noti_start'] . "</td>";
    echo "<td>" . $row['duration'] . " hr</td>";
    echo "<td>" . $row['alert_details'] . "</td>";
    echo "<td><i class='email' id='". $row['id'] ."'> &nbsp;<i class='fa fa-inbox fa-2x'> </i> </i> </td>";
    echo "<td><textarea class='remarks' id='".$row['id']."'> ".$row['remarks']."  </textarea></td>";
    echo "<td><input type='button' class='btn btn-info remark' value='submit' id='".$row['id']."'></td>";
    echo "</tr>";


  }

echo "</form>";