javascript - 单击按钮不正确地运行 php

Question

我有一个 php 函数，可以更新数据表中的所有记录，需要它通过 html 中的单击按钮运行。

我的 php 函数如下所示:

<?php
try {
  $sql = 'SELECT id_data, date_record, value1, value2, value3 FROM data ';
  $s = $pdo->prepare($sql);
  $s->execute();
} catch (PDOException $e) {
  $error = 'Error with select data' . $e->getMessage();
  include 'error.html.php';
  exit();
}

while ($row = $s->fetch()) {
  $dane[] = array(
    'id_data' => $row['id_data'],
    'date_record' => $row['date_record'],
    'value1' => $row['value1'],
    'value2' => $row['value2'],
    'value3' => $row['value3']
  );
}


if (isset($_GET['edytion'])) {
  foreach ($data as $data2) {
    try {
      $sql = 'UPDATE data SET date_record = :date_record, value1 = :value1, value2 = :value2, value3 = :value3 WHERE id_data= :id_data';
      $s = $pdo->prepare($sql);
      $s->bindValue(':date_record', $_POST['date_record']);
      $s->bindValue(':value1', $_POST['value1']);
      $s->bindValue(':value2', $_POST['value2']);
      $s->bindValue(':value3', $_POST['value3']);
      $s->bindValue(':id_data', $_POST['id_data']);
      $s->execute();
    } catch (PDOException $e) {
      $error = 'Edit data error  ' . $e->getMessage();
      include 'error.html.php';
      exit();
    }
  }

  Header("Location: theme3.php");
}
?>

我在 html 中尝试运行此外观的表单:

<div class="table-responsive">
  <table class="table table-bordered">
    <thead>
      <tr>
        <th>Date</th>
        <th>Value 1</th>
        <th>Value 2</th>
        <th>Value 3</th>
      </tr>
    </thead>
    <?php if (isset($data)): ?>
      <?php foreach ($data as $data1): $a = 0 ?>
        <form action="?edytion" method="post" id='ed'>
          <tr class="bg-primary">
            <input type="hidden"  name="id_data" id="id_data" value="<?php echo $data1['id_data']; ?>">
            <td><input type="date"  name="date_record" id="date_record" value="<?php echo $data1['date_record']; ?>"> </td>
            <td><input type="text"  name="value1" id="value1" value="<?php echo $data1['value1']; ?>"> </td>
            <td><input type="text" name="value2" id="value2" value="<?php echo $data1['value2']; ?>"> </td>
            <td><input type="text" name="value3" id="value3" value="<?php echo $data1['value3']; ?>"> </td>
            <!-- <input type="hidden" ondblclick="default" id="id_buttona" value="Edit"/> -->
          </tr>
        </form>
        <?php $a++;
      endforeach; ?>
    <?php endif; ?>
    </tbody>
  </table>
  <input type="submit" id="id_buttona" onclick="document.getElementById('ed').submit();" value="Edit"/>
</div>

最终，当我尝试更新数据时，它只更新表中的第一条记录，其余记录不变。
任何人都知道出了什么问题并且知道如何纠正它？我将不胜感激!

Answer 1

您使用相同的 id 创建了太多表单.用 <form> 包围 table 并做 foreach在 <tr>仅有的。像这样

<div class="table-responsive">
 <form action="?edytion" method="post" id='ed'>
  <table class="table table-bordered">
    <thead>
      <tr>
        <th>Date</th>
        <th>Value 1</th>
        <th>Value 2</th>
        <th>Value 3</th>
      </tr>
    </thead>
    <?php if (isset($data)): ?>
      <?php $a = 0; foreach ($data as $data1): ?>

          <tr class="bg-primary">
            <input type="hidden"  name="id_data<?php echo $a; ?>" id="id_data" value="<?php echo $data1['id_data']; ?>" />
            <td><input type="date" name="date_record<?php echo $a; ?>" value="<?php echo $data1['date_record']; ?>"> </td>
            <td><input type="text" name="value1<?php echo $a; ?>" value="<?php echo $data1['value1']; ?>"> </td>
            <td><input type="text" name="value2<?php echo $a; ?>" value="<?php echo $data1['value2']; ?>"> </td>
            <td><input type="text" name="value3<?php echo $a; ?>" value="<?php echo $data1['value3']; ?>"> </td>
          </tr>

        <?php $a++;
      endforeach; ?>
    <?php endif; ?>
    </tbody>
  </table>
  <input name="row_count" value="<?php echo isset($a) ? $a : 0; ?>" type="hidden"/>
  </form>
  <input type="submit" id="id_buttona" onclick="document.getElementById('ed').submit();" value="Edit"/>
</div>

您为每一行创建每个表单的方式将无法正常工作，因为:(1) 您所有的表单都具有相同的 javascript id , 当你做 getElementById只有第一个表单受到影响，(2) 当您提交该表单时，页面会重新加载并且对其他行的所有更改都将丢失。一种解决方案是只制作一种形式，并对所有字段使用不同的名称。表单字段由 name 发送和 value所以您需要为所有字段使用不同的名称，而您实际上并不需要 ID。

您可以在表单中的某处添加行数，然后将 php 更改为如下所示:

$row_count = $_POST['row_count'];
for($i = 0; i < $row_count; i++) {
try {
            $sql = 'UPDATE data SET
                            date_record = :date_record,
                            value1 = :value1,
                            value2 = :value2,
                            value3 = :value3
                         WHERE id_data= :id_data';

            $s = $pdo->prepare($sql);
            $s->bindValue(':date_record', $_POST['date_record' . $i]);
            $s->bindValue(':value1', $_POST['value1' . $i]);
            $s->bindValue(':value2', $_POST['value2' . $i]);
            $s->bindValue(':value3', $_POST['value3' . $i]);
            $s->bindValue(':id_data', $_POST['id_data' . $i]);
            $s->execute();
        } 
        catch (PDOException $e) {
            $error = 'Edit data error  ' . $e->getMessage();
            include 'error.html.php';
            exit();
        }
  }