Mostrar div utilizando select

[Alexis88]

Hazlo así:

Código Javascript:

var select = document.querySelector("[name=v1]"),
    button = document.querySelector(".registro"),
    divs = document.querySelectorAll("[id^=op]");
 
button.addEventListener("click", function(){
    [].forEach.call(divs, function(div){
        div.style.display = div.id == select.value ? "block" : "none"; 
    });
}, false);
 

Lo que hago es simple. Primero, tomo al combo, al botón y a los elementos <div> cuyos id empiecen con 'op' (esto basado en los valores del combo). Luego, cuando pulsemos el botón, recorremos al conjunto de elementos <div> y, en cada iteración, comparamos el id de cada uno de ellos con el valor seleccionado en el combo. Cuando los valores coincidan, mostramos al <div> que corresponda, caso contrario, lo ocultamos.



No olvides colocar el código JavaScript después de todos los elementos del documento y antes de la etiqueta </body> para que surta efecto.

Saludos