Hola a todos, resulta que tengo este sencillo ejemplo de listas dependientes con un código que encontre y lo modifique a mis necesidades, el cual es el siguiente:
Código PHP:
<?php require_once('Connections/pailinea.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Listas Dinamicas</title>
<script language="javascript">
function ComponerLista(xPro) {
document.forms.frmDatos.selCiudades.disabled = true;
document.forms.frmDatos.selPropiedades.length = 0;
CargarPropiedades(xPro);
document.forms.frmDatos.selCiudades.disabled = false;
}
function CargarPropiedades(xCiu) {
var o
document.forms.frmDatos.selPropiedades.disabled=true;
<?php
$tablaPropiedades = mysql_query('SELECT * FROM ciudades ORDER BY nombre ASC');
while ($registroPropiedad = mysql_fetch_array($tablaPropiedades)) {
?>
if (xCiu == <?php echo $registroPropiedad["cod_departamentos"]; ?>) {
o = document.createElement("OPTION");
o.text = '<?php echo $registroPropiedad["nombre"]; ?>';
o.value = <?php echo $registroPropiedad["cod_ciudades"]; ?>;
document.forms.frmDatos.selPropiedades.options.add (o);
}
<?php
}
mysql_free_result($tablaPropiedades);
?>
document.forms.frmDatos.selPropiedades.disabled=false;
}
</script>
</head>
<body>
<form id="frmDatos" name="frmDatos" method="post" action="">
<label>Puestos de Salud:
<select name="selCiudades" size="6" id="selCiudades" onchange="ComponerLista(document.forms.frmDatos.selCiudades[selectedIndex].value);">
<?php
$tablaCiudades = mysql_query('SELECT * FROM departamentos ORDER BY nombre ASC');
while ($registroCiudad = mysql_fetch_array($tablaCiudades)) {
?>
<option value="<?php echo $registroCiudad['cod_departamentos']; ?>"><?php echo $registroCiudad['nombre']; ?></option>
<?php
}
mysql_free_result($tablaCiudades);
?>
</select>
</label>
<label>Centro de Costos:
<select name="selPropiedades" size="6" id="selPropiedades">
</select>
</label>
</form>
</body>
</html>
</body>
</html>
Como pueden ver tengo una BD con dos Tablas, una llamada deparrtamentos y la otra ciudades, segunda llama a la primera.
La cuestión e la siguiente:
Al dar click sobre un departamento este llama a la ciudad que pertenecen a él, pero con este codigo solo los dos primeros departamentos hacen esa operacion bien, del tercero al último (les comento que tengo como 10 Departamentos) no me muestra las ciudades.
Por favor si alguien me puede ayudar o decirme donde esta el error se los agradeceria..
Gracias...