Desplegables dependientes no me funcionan

[pirrol]

Estimada comunidad, recurro a ustedes porque ya he agotado mi cabeza en determinar donde esta el fallo.

Quiero hacer un desplegable usando Ajax y Jquery, el 1er desplegable carga bien, lo que no consigo es que se active el segundo.

Creo que no se esta ejecutando el script, pero he revisado tantas veces y no le encuentro fallos, la base de datos también esta bien, a ver si ustedes lo ven mas fácilmente.

Aca les pongo el código:

form_ejercicio.php :


<script type="text/javascript" source="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#Curso').change(function(){
var $id=$("#Curso").val();
$('#contenido').load('../privado/Temas.php?id='+id);
});
});
</script>



<?php

$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = '****';
$dbname = 'temas';


$con = mysql_connect($localhost, $dbuser, $dbpass) or die (mysql_error());
mysql_select_db($dbname, $con) or die('No se puede seleccionar la base de datos');

$curso_sql = "SELECT * FROM curso";
$curso_query = mysql_query($curso_sql) or die ("Busqueda del Curso invalida:" . mysql_error());

?>



<form method="post" action="../privado/Load_ejerc.php">

<table cellpadding="0" cellspacing="10" class="mainC">


<tr><td>Curso</td><td><Select name="Curso" id="Curso" value="id" >
<option value="">Seleccionar Curso</option>


<?php

while ($cursos=mysql_fetch_array($curso_query)) {
echo "<option value='".$cursos['id']."'>". utf8_encode($cursos['Nombre']) ."</option>";

}
echo "</select>";
echo "</td></tr>";
?>


<tr><td>Tema</td><td><select name="temas" id="contenido" >
<option value="">------------------</option>
</select></td></tr>

</table>


<!-- BOTONES DE ENVIO-->
<table cellpadding="0" cellspacing="10" class="mainC">
<tr>
<td align="center" ><input align="middle" name="button" type="submit" value="Enviar"></div></td>
<td align="center" ><input align="middle" name="reset" type="reset" value="Borrar"></td>
</tr>
</table>
</form>


temas.php :


<?php


$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = '****';
$dbname = 'temas';

$con = mysql_connect($localhost, $dbuser, $dbpass) or die (mysql_error());
mysql_select_db($dbname, $con) or die('No se puede seleccionar la base de datos');

$temas_sql = mysql_query("SELECT * FROM contenido WHERE Relacion=".$_GET['id']."") or die ("Busqueda del Tema invalida:" . mysql_error());

echo "<select name='temas' id='contenido'>";

while ($tema=mysql_fetch_array($temas_sql)) {
echo "<option value='".$tema['Tema']."'>". utf8_encode($tema['Nombre']) ."</option>";
}

echo "</select>";
?>





Gracias por la ayuda

[weissbier]

¿Algún ejemplo online de lo que está sucediento?
El editor tiene una herramienta para resaltar código, no estaría mal si lo empleas a la próxima :)

[pirrol]

Seria algo asi:

http://www.formatoweb.com.ar/ajax/select_dependientes.php


Que inicialmente el 2do desplegable este en "disable" no es necesario..

[arros]

prueba asi

Código Javascript:

script type="text/javascript" source="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#Curso').change(function(){
var id=$("#Curso").val();
$.ajax({
url : "./privado/Temas.php",
data: "id="+id,
type:"GET"
 success: function(data) {
alert(data);
}
 
});
});
});
</script>
 

i comprueba se salta alert

[pirrol]

Gracias Arros por tu respuesta constructiva.

Lo he probado como tu dices.

Código:

<script type="text/javascript" source="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#Curso').change(function(){
		var id=$('#Curso').val();
			$.ajax({
				url : "../privado/Temas.php",
				data: "id="+id,
				type:"GET",
				success: function(data) {
				alert(data);
				}
 
			});
		});
	});
</script>

Pero El resultado es el mismo... Ninguna alerta y sigue sin cargarme el segundo desplegable. :(


Gracias

[arros]

como tienes el archivo php Temas.php mostralo veremos se hay algo

[pirrol]

archivo tema.php;

Código PHP:

<?php
 
 
    $dbhost = 'localhost';
    $dbuser = 'root';
    $dbpass = '****';
    $dbname = 'temas';
    
    $con = mysql_connect($localhost, $dbuser, $dbpass) or die (mysql_error());
    mysql_select_db($dbname, $con) or die('No se puede seleccionar la base de datos');
    
    $temas_sql = mysql_query("SELECT * FROM contenido WHERE Relacion=".$_GET['id']."") or die ("Busqueda del Tema invalida:" . mysql_error());
    
    echo "<select name='temas' id='contenido'>";
    
    while ($tema=mysql_fetch_array($temas_sql)) {
    echo "<option value='".$tema['Tema']."'>".$tema['Nombre']."</option>";
    }
    
    echo "</select>";
?>
 

Gracias por la ayuda

[arros]

veo todo bien...
cierra todo el codigo entre

Código PHP:

if(isset($_GET["id"])){
// todo el codigo aqui
}
 

[pirrol]

Hola arros:

Disculpa que haya tardado en responder,

he ehcho lo que me dices, e incluso le he añadido un

Código PHP:

else {
    
    header ('Location: ../mensajes/Error.php');
    
}
 

Pero se sigue mostrando igual...

El hecho que tengo otra página hecha con el mismo sistema para introducir paises y ciudades y esa si me va bien... Pero con esta no. Ni idea de lo q puede estar pasando -.-!

Nuse, pero creo que el problema es que no se actualiza al cambiar el primer desplegable, es decir, al elejir opción en el 1er desplegable no se ejecuta el envío de datos a temas.php.. Hay alguna forma de saber si esto está ocurriendo?

Gracias, tus consejos me han ayudado a saber como encontrar errores en estas cosas.

[arros]

pero has probado si el archivo esta bien enlazado ../mensajes/Error.php ???

[pirrol]

Si.

Pero de todas formas, si no estuviera bien, redirigiría a una pagina inexistente, con su correspondiente error que me indicaría que no se definió el get(id)