Ver Mensaje Individual
  #3 (permalink)  
Antiguo 03/01/2016, 13:25
diegoguerrero
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid
Mensajes: 274
Antigüedad: 9 años, 4 meses
Puntos: 5
Respuesta: Select con valores de mysql y dependiente de otro

Cita:
Iniciado por rodocoyote15 Ver Mensaje
Tendríamos que hacer uso de ajax para realizar la petición asíncrona.

Paso 1.
Código PHP:
Ver original
  1. <select name="Usuario" id="usuario">
  2.         <option value="0" disabled selected>Selecciona un usuario...</option>
  3.         <?php
  4.             $MyConnect = new MySQLi ('localhost','root','','calificaciones');
  5.             $Query = "SELECT * FROM `Profesores` WHERE `RolUsuario` = 'P'";
  6.             $MyQuery = $MyConnect->query($Query);
  7.             while($MyFetch = $MyQuery->fetch_assoc()){
  8.                 echo '<option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreCompleto']).'</option>';
  9.             }
  10.         ?>
  11.     </select>

Luego con ajax
Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/JavaScript">
  2.             $(document).ready(function(){
  3.                 $("#usuario").change(function(event){                    
  4.                     var id = $("#usuario").find(':selected').val();
  5.  
  6.                     $("#curso").load('php/generaCursos.php?id='+id);   //llamas al php donde devolverá los datos del select "hijo"                
  7.                 });
  8.             });
  9. </script>

En el archivo generaCursos.php

Código PHP:
Ver original
  1. <?php
  2.         $MyConnect = new MySQLi ('localhost','root','','calificaciones');
  3.         $Query = "SELECT * FROM Asignaturas WHERE `IDUsuario` = '".$_GET['id']."'";
  4.         $MyQuery = $MyConnect->query($Query);
  5.         while ($MyFetch = $MyQuery->fetch_assoc()){
  6.             echo ' <option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreAsignatura']).'</option>   ';
  7.         }
  8.         ?>

Y el select de cursos quedaría así
Código HTML:
Ver original
  1. <form action="Paso3.php" method="get">
  2.     <select name="Curso" id="curso">
  3.         <option value="" selected disabled>[Despliegue la lista]...</option>
  4.     </select>
  5.     <input type="submit" value="Acceder a sus calificaciones">
  6. </form>

Cuando haya un cambio en el select " Usuario " ajax envía el value del Select al archivo php "generaCursos", hace la consulta en MySql e imprime en ese php tantos select como cursos haya encontrado. Eso lo capta de nuevo ajax y lo reenvía a donde está el "Paso 1". Imaginando que ahí mismo tienes el select de Cursos, debería de mandarle dicha información a ese select.

Si te ha servido, ya sabes, el +1 :D
Pues la verdad es que no me ha funcionado, gracias. Pero creo que sé donde está el fallo: lo que pasa es que no me devuelve los valores. Yo de AJAX no sé nada así que, si puedes revisarlo me harías un gran favor. Te adjunto el código (lo he trasteado un poco):
index.php

Código PHP:
Ver original
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Elección de usuario y curso</title>
  6. <script>
  7. $(document).ready(function(){
  8.     $("#usuario").change(function(event){                    
  9.         var Profesor = $("#usuario").find(':selected').val();
  10.  
  11.         $("#curso").load('BuscaCursos.php?Profesor='+Profesor);              
  12.     });
  13. });
  14. </script></script>
  15. </head>
  16. <body>
  17. <form action="Paso2.php" method="get">
  18.     <select name="Usuario" id="usuario">
  19.         <option value="" disabled selected>Selecciona un usuario...</option>
  20.         <?php
  21.             $MyConnect = new MySQLi ('localhost','root','','calificaciones');
  22.             $Query = "SELECT * FROM `Profesores`";
  23.             $MyQuery = $MyConnect->query($Query);
  24.             while($MyFetch = $MyQuery->fetch_assoc()){
  25.                 echo '<option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreCompleto']).'</option>';
  26.             }
  27.         ?>
  28.     </select>
  29.     <select name="Curso" id="curso">
  30.         <option value="" selected disabled>Selecciona un curso...</option>
  31.     </select>
  32.     <input type="submit" value="Acceder a sus calificaciones">
  33. </form>
  34. </body>
  35. </html>
BuscaCursos.php

Código PHP:
Ver original
  1. <?php
  2.         $MyConnect = new MySQLi ('localhost','root','','calificaciones');
  3.         $Query = "SELECT * FROM Asignaturas WHERE `IDUsuario` = '".$_GET['Profesor']."'";
  4.         $MyQuery = $MyConnect->query($Query);
  5.         while ($MyFetch = $MyQuery->fetch_assoc()){
  6.             echo ' <option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreAsignatura']).'</option>   ';
  7.         }
  8. ?>