combos anidados...pero dinamicamente

pscheve · #1 (**permalink**) 05/08/2005, 08:56

Hola gente...tengo el siguiente código en js que me vincula el combo países con el de sus ciudades respectivas. Funciona bien si se agregan los datos manualmente. Mi problema es que necesito adaptarlo para que funcione dinamicamente, es decir que tome los datos de los países y ciudades de una base de datos. Intenté hacerlo con php pero se complicaba para relacionarlo con js...bueno, espero que alguno me de alguna idea...

gracias de antemano!

el código es:

<html>
<head>
<script language="JavaScript">

/* Trae desde la base de datos los nombres de los paises */
/* y colÃ³os en este arreglo. */
var aPaises = new Array(" ","Mexico","Espana","Venezuela"
);

var aEstados0 = new Array(
" "
);

/* Trae desde la base de datos los nombres de las ciudades */
/* de cada uno de los paises de la lista anterior y ponlos */
/* en arreglos individuales. */
var aEstados1 = new Array(" ","Ciudad de Mexico","Monterrey","Guadalara"
);

var aEstados2 = new Array(" ","Madrid","Barcelona","San Sebastian"
);

var aEstados3 = new Array(" ","Caracas","Coro","Maracay","Valencia"
);

/* Arma un arreglo general de estados a partir de los arreglos */
/* anteriores. Es importante que cada arreglo comience por un */
/* valor en blanco y que el primer arreglo de ciudades, llamado */
/* aqui aEstados0, no contenga ningÃºemento. */
var aEstados = new Array( aEstados0, aEstados1, Estados2, aEstados3
);

function opcion(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(oMster, oCntrl){
var nSelected = oMster.selectedIndex;
while (oCntrl.length) oCntrl.remove(0);
for(var i = 0; i < aEstados[nSelected].length; i++)
opcion(oCntrl, i, aEstados[nSelected][i], String(i));
}

function llena(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
for(var i = 0; i < aPaises.length; i++)
opcion(oCntrl, i, aPaises[i], String(i));
}

</script>
</head>
<body>
<form name="frm">
Pais
<select name="pais" onchange="cambia(this, document.frm.ciudad)">
<option value=" "> </option>
</select>
   
Ciudad
<select name="ciudad">
<option value=" "> </option>
</select>
</form>
<script language="JavaScript">
llena(document.frm.pais);
</script>
</body>
</html>

nicolaspar · #2 (**permalink**) 05/08/2005, 09:58

Haces un query a la db, y en el while que estara en el medio del js ese, dibujaras dinamicamente el vector js....sería algo para que te des una idea como:

Código PHP:

 
<script> 
... 
<?php 
... 
//While de paises 
while($rsPais = mysql_fecth_array( $puntero, MYSQL_ASSOC ) { 
    $str =  'var aEstados'. $rsPais["codigoPais"] .' = new Array(" "  
        #While de Prov 
        while($rsProv = mysql_fecth_array( $puntero, MYSQL_ASSOC ) { 
                $str .= ',"'. $rsProv["nombreProvincia"] .'"'; 
        } 
    $str .= ');; 
    echo $str; 
... 
} 
... 
 
?> 
... 
<script>

Esto de oido a modo de ejemplo, pero sería la idea...de ahi en mas, no se que extructura tenes y demas....

pscheve · #3 (**permalink**) 05/08/2005, 11:21

una consulta, el MYSQL_ASSOC es para sacar el índice de la fila??

nicolaspar · #4 (**permalink**) 05/08/2005, 11:44

Es para especificar el tipo de vector. Es un parametro opcional de mysql_fecth_array.