el problema que quiero resolver es poder agregar filas a una tabla con JavaScript, después de haber seleccionado un Input Radio, la tabla debe de cambiar.
El código JavaScript:
<script type="text/javascript">
$(document).ready(function() {
var valor = '';
$("input[name='rama']" ).on('change', function() {
Id = $(this).val();
alert(Id);
$.post("../Sql/ArregloPersonas.php", {Id: Id
}, function(data){
$("#personas-rama").html(data);
});
});
});
</script>
Tengo entendido que no puedo hacer el post, debería pasar la variable por el método GET, porque asi como esta, no me reconoce la variable, ya que el archivo que recibe la variable esta en JSON.
El código del archivo JSON es:
<?php
header('Content-Type: application/json');
$conexion = new PDO("mysql:host=localhost;dbname=scouts_601_palmira","root","");
$idrama = $_POST['Id'];
$sql4 = "SELECT Primer_nombre, Numero_documento, Fecha_nacimiento, Id_cargo FROM Personas";
$sentencia4 = $conexion -> prepare($sql4);
$sentencia4 -> execute();
$personas = $sentencia4 -> fetchAll();
$sql5 = "SELECT Id FROM Cargos WHERE Id_rama =".$idrama."";
$sentencia5 = $conexion -> prepare($sql5);
$sentencia5 -> execute();
$cargos = $sentencia5 -> fetchAll();
for ($i=0; $i < count($personas); $i++) {
for ($j=0; $j < count($cargos); $j++) {
if ($personas[$i]['Id_cargo'] == $cargos[$j]['Id']) {
$integrantes = array();
array_push($integrantes, $personas[$i]);
}
}
}
echo json_encode($integrantes);
?>
Aquí es donde no me recibe la variable desde JavaScript, ya que debo pasarla por GET, pero no se como quedaría.
Por ultimo esta el código de la tabla:
<table>
<caption>Integrantes</caption>
<thead>
<tr>
<th>Numero<br>documento</th>
<th>Primer<br>nombre</th>
<th>Segundo<br>Nombre</th>
<th>Primer<br>apellido</th>
<th>Segundo<br>apellido</th>
<th>Inscripción</th>
<th>Acción</th>
</tr>
</thead>
<tbody id="personas-rama" name="personas-rama">
</tbody>
</table>
Agradezco de antemano cualquier contribución para dar solución a este problema.