Añadir / Quitar opciones campo select

PolRon · #1 (**permalink**) 08/04/2002, 03:45

Desaría, en un formulario de entrada de datos, poder pasar "options" de un "Select" a otro, el línea, sin recargar la página.

Kaopectate · #2 (**permalink**) 08/04/2002, 09:21

Estudia este ejemplo que contiene la base para hacer lo que necesitas.

Código:

&lt;html&gt;
 &lt;head&gt;
  &lt;title&gt;Prueba&lt;/title&gt;
  &lt;script language=&quot;JavaScript&quot;&gt;
  &lt;!--

   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;);
    }
   }

   function showVal(oSel){
    var nInd = oSel.selectedIndex;
    var sVal = oSel[nInd].value;
    alert(sVal);
   }

  //--&gt;
  &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;input name=&quot;btMostrar&quot; type=&quot;button&quot; value=&quot;Mostrar&quot; disabled onclick=&quot;showVal(document.formulario.slSatelite)&quot;&gt;
  &lt;/form&gt;
 &lt;/body&gt;
&lt;/html&gt;

Saludos.