Foros del Web - Ver Mensaje Individual - Cambiando las ciudades de acuerdo al pais elegido

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.