Cambiando las ciudades de acuerdo al pais elegido

ciriarte · #1 (**permalink**) 09/03/2002, 07:23

Quiero hacer un formulario para registrar usuarios. Hay un select para elegir el pais y quiero hacer otro select en la misma pagina que muestre las posibles localidades del pais seleccionado anteriormente (es decir que si un usuario elige en pais "Argentina" solo muestre las localidades de ese pais.
Se que tengo que usar "onchange" pero gustaria me cuenten como.
Muchas gracias.

Nucleus · #2 (**permalink**) 09/03/2002, 18:26

Es un poco mas complicado de lo q crees y bastante largo de explicar, pero puedes verlo aqui:
<a href='ir.asp?http://detodoyparatodos.iespana.es/detodoyparatodos/javascript/script6.htm' target='_blank'>http://detodoyparatodos.iespana.es/detod...</a>
Espero q lo entiendas y te sea util

Kaopectate · #3 (**permalink**) 09/03/2002, 18:42

Ciriarte, aqui tienes un ejemplo:

Código:

_________________________________________________________________________________________
&lt;html&gt;
 &lt;head&gt;
  &lt;title&gt;Prueba&lt;/title&gt;
  &lt;script language=&quot;JavaScript&quot;&gt;
   function addOpt(oCntrl, iPos, sTxt, sVal){
    var selOpcion=new Option(sTxt, sVal);
    eval(oCntrl.options[iPos]=selOpcion);
   }

   function fillOpt(pCtl){
    sel = document.formulario.slPlaneta.selectedIndex;
    while(pCtl.length&gt;0) pCtl.options[0]=null;
    if (sel==0){
     addOpt(pCtl, 0, &quot;[Ninguna]&quot;, &quot;&quot;);
     document.formulario.btMostrar.disabled=true;
    } else
     document.formulario.btMostrar.disabled=false;
    if(sel==1){
     addOpt(pCtl, 0, &quot;Io&quot;,        &quot;Io&quot;);
     addOpt(pCtl, 1, &quot;Europa&quot;,    &quot;Eu&quot;);
     addOpt(pCtl, 2, &quot;Ganímedes&quot;, &quot;Gn&quot;);
     addOpt(pCtl, 3, &quot;Calisto&quot;,   &quot;Cl&quot;);
    }
    if(sel==2){
     addOpt(pCtl, 0, &quot;Titán&quot;,     &quot;Tt&quot;);
     addOpt(pCtl, 1, &quot;Yapeto&quot;,    &quot;Yp&quot;);
     addOpt(pCtl, 2, &quot;Rea&quot;,       &quot;Re&quot;);
     addOpt(pCtl, 3, &quot;Dione&quot;,     &quot;Dn&quot;);
    }
   }
  &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;form name=&quot;formulario&quot;&gt;
   Planeta:
   &lt;select name=&quot;slPlaneta&quot; onchange=&quot;fillOpt(document.formulario.slSatelite)&quot;&gt;
    &lt;option&gt;[Seleccione Opcion]&lt;/option&gt;
    &lt;option&gt;Júpiter&lt;/option&gt;
    &lt;option&gt;Saturno&lt;/option&gt;
   &lt;/select&gt;&lt;br&gt;
   Satélite:
   &lt;select name=&quot;slSatelite&quot;&gt;
    &lt;option&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/option&gt;
    &lt;option&gt;&amp;nbsp;&lt;/option&gt;
    &lt;option&gt;&amp;nbsp;&lt;/option&gt;
    &lt;option&gt;&amp;nbsp;&lt;/option&gt;
   &lt;/select&gt;
  &lt;/form&gt;
 &lt;/body&gt;
&lt;/html&gt;
_________________________________________________________________________________________

Suerte.