你能指导我一个问题吗，我每次按下按钮时都会尝试更改颜色

Question

我的问题是我在我的 for 中调用了我的 function，但只有一部分改变了颜色，而不是每条记录上方，按钮工作但相应行的颜色没有改变，我想到发送一个可能是的值我的桌子的 pk 和这个正在改变的桌子，如果你知道任何方法来实现它，我会非常感激

<!doctype html>


<html lang="es">
<head>

<body>


          <?php 
               
if (isset($_POST['submit']) && !hash_equals($_SESSION['csrf'], $_POST['csrf'])) {
  die();
}

$error = false;
$config = include 'ClientesBeta/conexion/config.php';

try {
  $dsn = 'mysql:host=' . $config['db']['host'] . ';dbname=' . $config['db']['name'];
  $conexion = new PDO($dsn, $config['db']['user'], $config['db']['pass'], $config['db']['options']);

  if (isset($_POST['marca'])) {
    $consultaSQL = "SELECT * FROM zonas WHERE idZonas <> 1 and nombreZona LIKE '%" . $_POST['marca'] . "%'";
  } else {
    $consultaSQL = "SELECT * FROM zonas where idZonas <> 1";
  }

  $sentencia = $conexion->prepare($consultaSQL);
  $sentencia->execute();

  $alumnos = $sentencia->fetchAll();

} catch(PDOException $error) {
  $error= $error->getMessage();
}
            ?>
            <table class="table table-bordered table-striped" style="margin-top:20px;">
                <thead>
                    <th>ID</th>
                    <th>Zona</th>
                    
                    <th>Acción</th>
                </thead>
                <tbody>
                    <?php
          if ($alumnos && $sentencia) {
              
            foreach ($alumnos as $row) {
                
              ?>
              
  <tr>
   
    <td  id="prueba2"></td>   
    <td id="prueba"></td>
     <td id="prueba1"></td>
      <td >
<button  type="button" onclick="cambiarColor2();">Inicio</button>
<button type="button" onclick="cambiarColor();">Proceso</button>
<button type="button" onclick="cambiarColor1();">Fin</button>
</td>

<script>
          function cambiarColor(){
    document.getElementById('prueba').style.backgroundColor = "blue";
  }
    </script>
    <script>
          function cambiarColor1(){
    document.getElementById('prueba1').style.backgroundColor = "red";
  }
    </script>
    <script>
          function cambiarColor2(){
    document.getElementById('prueba2').style.backgroundColor = "green";
  }
    </script>
  </tr>

              <tr>
                                    <td><?php echo $row['idZonas']; ?></td>
                                    <td><?php echo $row['nombreZona']; ?></td>
                                    
                                    
                                </tr>
                                <?php 
                            }
                        }
                        

                    ?>
                </tbody>
            </table>
        </div>
    </div>
</div>

</body>
</html>

Answer 1

很难理解你的问题。 但我相信您正在寻找以下答案。 让我知道它是否对您有帮助。

不过，我认为您将 ID 放置在错误的标签中。 将 id 更改为要更改颜色的位置。 我也没有测试过代码。

<?php 
if ($alumnos && $sentencia) {
    foreach ($alumnos as $key => $row) {?>
        <tr>
            <td id="prueba2_<?php echo $key; ?>"></td>   
            <td id="prueba0_<?php echo $key; ?>"></td>
            <td id="prueba1_<?php echo $key; ?>"></td>
            <td>
                <button  type="button" onclick="cambiarColor(<?php echo $key; ?>, 2, 'green');">Inicio</button>
                <button type="button" onclick="cambiarColor(<?php echo $key; ?>, 0, 'blue');">Proceso</button>
                <button type="button" onclick="cambiarColor(<?php echo $key; ?>, 1, 'red');">Fin</button>
            </td>
        </tr>
        <tr>
            <td><?php echo $row['idZonas']; ?></td>
            <td><?php echo $row['nombreZona']; ?></td>
            <td>&nbsp;</td>
        </tr>
<?php 
    }
}
?>
<script>
    function cambiarColor(id, eleid color){
        document.getElementById('prueba'+eleid+'_'+id).style.backgroundColor = color;
    }
</script>

你能指导我一个问题吗，我每次按下按钮时都会尝试更改颜色

问题描述

1 个解决方案

解决方案1
0 2021-06-01 23:24:15

你能指导我一个问题吗，我每次按下按钮时都会尝试更改颜色

问题描述

1 个解决方案

解决方案1 0 2021-06-01 23:24:15

解决方案1
0 2021-06-01 23:24:15