Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/11/2014, 14:00
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 4 meses
Puntos: 977
Respuesta: Ocultar un elemento de un select

Sería más sencillo si los valores de las opciones del primer combo estuvieran relacionadas con los de las opciones del segundo combo, de este modo, bastaría con que selecciones una opción en el primer combo, busques entre las opciones del segundo el que coincida con la selección realizada, la guardes en una variable y la retires del segundo combo. Luego, cuando más adelante elijas otra opción, reasignas las opción previamente guardada y separada del segundo combo y, a la que ahora coincida con la nueva selección, la guardas en la variable y la retiras del segundo combo.

Código Javascript:
Ver original
  1. var select1 = document.querySelector("#select1"),
  2.     select2 = document.querySelector("#select2"),
  3.     options = select2.options,
  4.     aux, total = options.length;
  5.  
  6. select1.addEventListener("change", function(){
  7.     for (var i = 0; i < total; i++){
  8.         if (options[i].value == this.value){
  9.             if (aux) select2.appendChild(aux); //Si aux tiene contenido, lo asigno al select2
  10.             aux = options[i];
  11.             select2.removeChild(options[i]);
  12.             break; //Termino el bucle
  13.         }
  14.     }
  15. }, false);

DEMO

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand