Hola
Estoy haciendo un formulario en el cual manejo 2 selects; el primero me trae una lista de ciudades en forma dinamica desde una base de datos mysql y el segundo me trae los municipios dependiendo de la ciudad que se selecciona.
El proceso funciona correctamente lo que no entiendo y no se porque esté pasando es que cuando selecciono la ciudad me borra la información del select de ciudades pero si me manda los municipios en el segundo select.
Este codigo lo he venido utilizando por mucho tiempo y nunca me había fallado, la verdad que no encuentro la causa; les dejo el codigo a ver si alguien me puede ayudar.
Este es el codigo javascript
:
Código:
<script language="javascript">
function esta_muni(xMuni) {
document.forms.fecalen.municipio.disabled = true;
document.forms.fecalen.estado.length = 0;
lista_municipio(xMuni);
document.forms.fecalen.estado.disabled = false;
}
function lista_municipio(xEsta) {
var listar2
document.forms.fecalen.municipio.disabled=true;
<?php
$municipio = mysql_query("SELECT * FROM municipio ORDER BY nombre_mun");
while ($regmunicipio = mysql_fetch_array($municipio)) {
?>
if (xEsta == <?php echo $regmunicipio["id_edo"]; ?>) {
listar2 = document.createElement("OPTION");
listar2.text = '<?php echo $regmunicipio["nombre_mun"]; ?>';
listar2.value = <?php echo $regmunicipio["id_mun"]; ?>;
document.forms.fecalen.municipio.options.add (listar2);
}
<?php
}
mysql_free_result($municipio);
?>
document.forms.fecalen.municipio.disabled=false;
}
</script>
Y este es el codigo del Formulario:
Código:
<form action="#" method="post" id="formulario" name="fecalen">
<select name="estado" id="estado" onchange="esta_muni(document.forms.fecalen.estado[selectedIndex].value);">
<option value=" ">- - - - Seleccionar - - - -</option>
<?php
$empresa = mysql_query('SELECT * FROM estado ORDER BY nombre_edo');
while($fila_empresa = mysql_fetch_array($empresa)) {
?>
<option value="<?php echo $fila_empresa['id_edo'] ?>">
<?php
echo $fila_empresa['nombre_edo']; ?></option>
<?php }
mysql_free_result($empresa);
?>
</select>
<select name="municipio" id="municipio">
<option value=" ">- - - - Seleccionar - - - -</option>
</select>
</form>
Como les digo he trabajado con este mismo codigo y en otras aplicaciones que tengo me funciona de maravilla, aqui no entiendo el porque me borre la información del primer select.
Saludos