Tengo una tabla que hace una consulta en Mysql, lo que necesito es que al dar click
en una fila, me tome el valor de una celda en en especifico en este caso ID, para que a través de una variable poder manipular los datos en otra página PHP.
Esta es la tabla que hace la consulta:
<?php
$conect=mysqli_connect('localhost','root','','prueba');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<br>
<div class="container col-sm-5 col-sm-offset-3">
<table class="table table-bordered table-hover">
<thead>
<tr class="success" align="center">
<td><strong>ID</strong></td>
<td><strong>NOMBRE</strong></td>
<td><strong>APELLIDOS</strong></td>
<td><strong>GRADO</strong></td>
<td><strong>TELEFONO</strong></td>
</tr>
</thead>
<tbody>
<?php
$sql= "SELECT * FROM usuario";
$result=mysqli_query($conect, $sql);
while ($mostrar=mysqli_fetch_array($result)) {
?>
<tr id="fila">
<td id="valor"><?php echo $mostrar['id']?></td>
<td><?php echo $mostrar['nombres']?></td>
<td><?php echo $mostrar['apellidos']?></td>
<td><?php echo $mostrar['grado']?></td>
<td><?php echo $mostrar['telefono']?></td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</body>
</html>
y esta es la otra página donde voy a desplegar el resultado, donde que quiero hacer la consulta a través del ID tomado de la tabla anterior:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>Perfil del Usuario</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<br><br><br>
<div class="row">
<div class="container col-sm-4 col-sm-offset-4">
<div class="panel panel-primary">
<div class="panel-heading" style="text-align: center"><strong>Perfil General del Usuario</strong> </div>
<div class="panel-body">
<table class="table table-hover table-condensed table-bordered">
<tr>
<th class="success col-sm-3">ID</th>
<td></td>
</tr>
<tr>
<th class="success col-sm-3">NOMBRES</th>
<td></td>
</tr>
<tr>
<th class="success col-sm-3">APELLIDOS</th>
<td></td>
</tr>
<tr>
<th class="success col-sm-3">GRADO</th>
<td></td>
</tr>
<tr>
<th class="success col-sm-3">TELEFONO</th>
<td></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>