Combos dependientes I

3 COMENTARIOS -  Publicado hace 43 meses -  Clasificado en: , ,

Este es el primero de dos posts dedicados a como gestionar la carga de combos dependientes sin necesidad de recargar la página. En este primero mediante un script en el que mediante una array bidemensional vamos almacenando los distintos valores y al evento onchange del primer combo, recargamos el segundo.

Ver ejemplo en funcionamiento » » Javascript: 

<script language="javascript">
function Combos(x) {
  ItDepend=document.getElementById('CombDependiente');
  if(!ItDepend){return;}                 
  var mitems=new Array();
  mitems['Elige']=[''];
  mitems['Informatica']=['Elegir opción','Portatiles','Impresoras','Consumibles','Accesorios'];
  mitems['Sonido']=['Elegir opción','Filet Mignon','Porterhouse','Flank','T-Bone'];
  mitems['Imagen']=['Elegir opción','DVD','Cámaras','Home Cinema',];
  mitems['Fotografia']=['Select Item','Cámaras','Memorias','Accesorios'];
  ItDepend.options.length=0;
  ItActual=mitems[x.options[x.selectedIndex].value];
  if(!ItActual){return;}
  ItDepend.options.length=ItActual.length;
  for(var i=0;i<ItActual.length;i++) {
    ItDepend.options[i].text=ItActual[i];
    ItDepend.options[i].value=ItActual[i];
  }
}
</script>
HTML: 
<form action="">
<label for="or">Área:</label>
<select name="or" id="or" onchange="Combos(this)">
  <option value="Elige">Elige</option>
  <option value="Informatica">Informática</option>
  <option value="Sonido">Sonido</option>
  <option value="Imagen">Imagen</option>
  <option value="Fotografia">Fotografía</option>
</select>
<label for="CombDependiente">Productos:</label>
<select name="CombDependiente" id="CombDependiente"></select>
<input type="submit" value="Ir" />
</form>

También te puede interesar:

COMENTARIOS

Publicado hace 12 meses
Cristian Giovanny Toro S谩nchez -  
Gracias pr el c贸digo, me ilustro mucho el ejemplo.
Publicado hace 4 meses
Sebastian -   http://www.hoteles-barcelona.biz

Hola, el Script esta muy bueno, pero pregunta como harias para que en ves de seleccionar solo en nombre en en el combo que se genera en el memora pongas numbre y value, tambien estaria bien si puedes poner un ejemplo del mismo dandole valroes preseleccionados!
Muy Bueno
Publicado hace 3 meses
Erick -   www.ericknunez.6te.net

Justo lo que estaba buscando, gracias.
Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com