Question

Hola a todos, estoy intentando mostrar y ocultar divs con javascript, y funciona sin embargo si por x razón el usuario cambia de opción me muestra las opciones que el usuario presiono

 Paquete 
            <select id="paquete" name="paquete" class="form-control" onchange="cargarPaquete()">
              <option value="0">Selecciona un Paquete</option>
              <option value="1">Paquete 1</option> 
              <option value="2">Paquete 2</option>
              <option value="3">Paquete 3</option>
              <option value="4">Paquete Especial</option>
            </select>
        </p>
         <script type="text/javascript">
          function cargarPaquete(){
              //alert("hola");
              var paquete = document.getElementById("paquete").value;
              //alert(paquete);
              if(paquete==1) {
                //alert("elegiste 1");
                document.getElementById('paquete1').style.display = 'block';
                }else if(paquete==2) {
                    //alert("elegiste 2");
                    document.getElementById('paquete2').style.display = 'block';
                    }

                else if(paquete==3) {
                //alert("elegiste 3");
                document.getElementById('paquete3').style.display = 'block';
                }
                else{
                    alert("paquete especial");
                }

          }

         </script>

es decir si el usuario elige la opción 1 y después cambia a la opción 2 me muestra los dos y yo quiero que solo me muestre el ultimo que eligió.

Answer 1

Encontré este ejemplo y con esto resolví el problema, ya solo me muestra el que ultimo que se escoge, me sirvió bastante

http://jsfiddle.net/c4hyM/1/