[SOLUCIONADO] Select con valores de mysql y dependiente de otro

[diegoguerrero]

Necesito crear un formulario en el que haya un select y que, luego, en función de su value, en otro select aparezcan unos registros de MySQL. Eso lo sé hacer y ya lo tengo hecho pero lo que necesito saber es si se podrían poner en una misma página y que variara el segundo en función del primero. Abajo les dejo el código que tengo separado en dos páginas

Paso1.php

Código PHP:

Elígete en la lista:
<form action="Paso2.php" method="get">
    <select name="Usuario">
        <option value="" disabled selected>Selecciona un usuario...</option>
        <?php
            $MyConnect = new MySQLi ('localhost','root','','calificaciones');
            $Query = "SELECT * FROM `Profesores` WHERE `RolUsuario` = 'P'";
            $MyQuery = $MyConnect->query($Query);
            while($MyFetch = $MyQuery->fetch_assoc()){
                echo '<option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreCompleto']).'</option>';
            }
        ?>
    </select>
    <input type="submit" value="Continuar">
</form>
 

Paso2.php

Código PHP:

Elige un curso:
<form action="Paso3.php" method="get">
    <select name="Curso">
        <option value="" selected disabled>Seleccione una clase...</option>
        <?php
        $MyConnect = new MySQLi ('localhost','root','','calificaciones');
        $Query = "SELECT * FROM Asignaturas WHERE `IDUsuario` = '".$_GET['Usuario']."'";
        $MyQuery = $MyConnect->query($Query);
        while ($MyFetch = $MyQuery->fetch_assoc()){
            echo '
            <option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreAsignatura']).'</option>
            ';
        }
        ?>
    </select>
    <input type="text" value="<?php echo $_GET['Usuario']; ?>" name="Usuario">
    <br>
    <input type="submit" value="Acceder a sus calificaciones">
</form>
 

[rodocoyote15]

Tendríamos que hacer uso de ajax para realizar la petición asíncrona.

Paso 1.

Código PHP:

<select name="Usuario" id="usuario">
        <option value="0" disabled selected>Selecciona un usuario...</option>
        <?php
            $MyConnect = new MySQLi ('localhost','root','','calificaciones');
            $Query = "SELECT * FROM `Profesores` WHERE `RolUsuario` = 'P'";
            $MyQuery = $MyConnect->query($Query);
            while($MyFetch = $MyQuery->fetch_assoc()){
                echo '<option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreCompleto']).'</option>';
            }
        ?>
    </select>
 

Luego con ajax

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#usuario").change(function(event){                    
                    var id = $("#usuario").find(':selected').val();
 
                    $("#curso").load('php/generaCursos.php?id='+id);   //llamas al php donde devolverá los datos del select "hijo"                 
                });
            });
</script>
 

En el archivo generaCursos.php

Código PHP:

<?php
        $MyConnect = new MySQLi ('localhost','root','','calificaciones');
        $Query = "SELECT * FROM Asignaturas WHERE `IDUsuario` = '".$_GET['id']."'";
        $MyQuery = $MyConnect->query($Query);
        while ($MyFetch = $MyQuery->fetch_assoc()){
            echo ' <option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreAsignatura']).'</option>   ';
        }
        ?>
 

Y el select de cursos quedaría así

Código HTML:

<form action="Paso3.php" method="get">
    <select name="Curso" id="curso">
        <option value="" selected disabled>[Despliegue la lista]...</option>
    </select>
    <input type="text" value="<?php echo $_GET['Usuario']; ?>" name="Usuario">
    <br>
    <input type="submit" value="Acceder a sus calificaciones">
</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

[diegoguerrero]

Iniciado por rodocoyote15

Tendríamos que hacer uso de ajax para realizar la petición asíncrona.

Paso 1.

Código PHP:

<select name="Usuario" id="usuario">
        <option value="0" disabled selected>Selecciona un usuario...</option>
        <?php
            $MyConnect = new MySQLi ('localhost','root','','calificaciones');
            $Query = "SELECT * FROM `Profesores` WHERE `RolUsuario` = 'P'";
            $MyQuery = $MyConnect->query($Query);
            while($MyFetch = $MyQuery->fetch_assoc()){
                echo '<option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreCompleto']).'</option>';
            }
        ?>
    </select>
 

Luego con ajax

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#usuario").change(function(event){                    
                    var id = $("#usuario").find(':selected').val();
 
                    $("#curso").load('php/generaCursos.php?id='+id);   //llamas al php donde devolverá los datos del select "hijo"                 
                });
            });
</script>
 

En el archivo generaCursos.php

Código PHP:

<?php
        $MyConnect = new MySQLi ('localhost','root','','calificaciones');
        $Query = "SELECT * FROM Asignaturas WHERE `IDUsuario` = '".$_GET['id']."'";
        $MyQuery = $MyConnect->query($Query);
        while ($MyFetch = $MyQuery->fetch_assoc()){
            echo ' <option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreAsignatura']).'</option>   ';
        }
        ?>
 

Y el select de cursos quedaría así

Código HTML:

<form action="Paso3.php" method="get">
    <select name="Curso" id="curso">
        <option value="" selected disabled>[Despliegue la lista]...</option>
    </select>
    <input type="submit" value="Acceder a sus calificaciones">
</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:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Elección de usuario y curso</title>
<script>
$(document).ready(function(){
    $("#usuario").change(function(event){                    
        var Profesor = $("#usuario").find(':selected').val();
 
        $("#curso").load('BuscaCursos.php?Profesor='+Profesor);               
    });
});
</script></script>
</head>
<body>
<form action="Paso2.php" method="get">
    <select name="Usuario" id="usuario">
        <option value="" disabled selected>Selecciona un usuario...</option>
        <?php
            $MyConnect = new MySQLi ('localhost','root','','calificaciones');
            $Query = "SELECT * FROM `Profesores`";
            $MyQuery = $MyConnect->query($Query);
            while($MyFetch = $MyQuery->fetch_assoc()){
                echo '<option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreCompleto']).'</option>';
            }
        ?>
    </select>
    <select name="Curso" id="curso">
        <option value="" selected disabled>Selecciona un curso...</option>
    </select>
    <input type="submit" value="Acceder a sus calificaciones">
</form>
</body>
</html>
 

BuscaCursos.php

Código PHP:

<?php
        $MyConnect = new MySQLi ('localhost','root','','calificaciones');
        $Query = "SELECT * FROM Asignaturas WHERE `IDUsuario` = '".$_GET['Profesor']."'";
        $MyQuery = $MyConnect->query($Query);
        while ($MyFetch = $MyQuery->fetch_assoc()){
            echo ' <option value="'.$MyFetch['ID'].'">'.utf8_encode($MyFetch['NombreAsignatura']).'</option>   ';
        }
?>
 

[rodocoyote15]

Te hacen falta las librerías de Jquery.
Si no es eso, prueba en el archivo "buscaCursos.php" pasandole un parametro de id por get. Algo así "buscaCursos.php?Profesor=3" o algun ID que esté en tu Base de Datos.
Prueba si imprime los valores :D Me comentas los avances.

[diegoguerrero]

Perfecto, muchas gracias!!!!