Select onchange

[Alexis88]

Trabaja con el evento change y en la función controladora, tomas el valor seleccionado del select y realizas una determinada acción en base a dicho valor. Un ejemplo:

En el documento HTML

Código HTML:

<select id = "seleccion">
  <option>SELECCIONE UNO</option>
  <option value = 1>SI</option>
  <option value = 2>NO</option>
</select>
  
<select class = "par">
  <option>Par 1</option>
</select>
  
<select class = "par">
  <option>Par 2</option>
</select>
  
<select id = "impar">
  <option>Impar</option>
</select>
 

En la hoja de estilos (para ocultar los combos desde el inicio)

Código CSS:

.par, #impar {
  display: none;
}
 

En el documento JavaScript

Código Javascript:

var seleccion = document.querySelector("#seleccion"),
    pares = document.getElementsByClassName("par"),
    impar = document.getElementById("impar");
 
seleccion.addEventListener("change", function(){
  var valorElegido = this.value;
  
  if (valorElegido == 1) {
    impar.style.display = "none";
    
    for (var i in pares) {
      pares[i].style.display = "block";
    }
  }
  else if (valorElegido == 2) {
    impar.style.display = "block";
    
    for (var j in pares) {
      pares[j].style.display = "none";
    }
  }
  else {
    impar.style.display = "none";
    
    for (var k in pares) {
      pares[k].style.display = "none";
    }
  }
}, false);
 

Como verás, dependiendo de la selección que se realice, o bien se muestran los dos primeros combos y el tercero se oculta o viceversa, además, si selecciono la opción por defecto, se ocultan todos.

Saludos