Hola
lo que sucede es que quiero que al hacer sobre una opcion se me cargen los valores de esta opcion; estoy cargando los datos desde la base de datos y al dar click se me muestran los datos en otro select, me muestra los valores del primero correctamente pero al darle a otra opcion no me carga los valores de esta otra
este es el codigo
index.php
Código HTML:
<?php
include 'conexion.php';
?>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
var pais = $('#cont').find(':selected').val();
$.get('aciudad.php', { id: pais} , function(resultado) {
$('#ciudad').empty().html(resultado);
});
});
</script>
</head>
<body>
<h2>HTML - PHP - AJAX - MySQL</h2>
<?php
$con=conexion();
$res=mysql_query("select * from pais",$con);
?>
<select id="cont">
<?php
while($fila=mysql_fetch_array($res)){
?>
<option value="<?php echo $fila['nombre']; ?>"><?php echo $fila['nombre']; ?></option>
<?php }?>
</select>
<select id="ciudad">
</select>
</body>
</html>
aciudad.php
Código HTML:
<?php
include 'conexion.php';
$idpais= $_GET['id'];
$con=conexion();
$res=mysql_query("select entity_id from drtmfield_data_field_pais WHERE field_pais_value='$idpais'",$con);
$ciudades = "";
while($fila1=mysql_fetch_array($res)){
$res2=mysql_query("select vid,title from drtmnode WHERE vid=".$fila1[0]."",$con);
while($fila2=mysql_fetch_array($res2)){
$ciudades .= '<option value="'.$fila2['vid'].'">'.$fila2['title'].'</option>';
}
}
echo $ciudades;
?>
no soy muy bueno en javascript asi que me gustaria que me dieran una mano
de antemano Gracias