mira te lo voy a mostrar todo y me dices que me falta o que puse demás
Código Javascript
:
Ver original<script>
document.querySelector("#elige").addEventListener("change", function(){
if (this.value.length){
if (document.querySelector(".visible").length){
document.querySelector(".visible").className = "";
}
document.querySelector("#" + this.value).className = "visible";
}
}, false);
</script>
Código HTML:
Ver original <h3>Registro Cliente
</h3> <form method="POST" action="procesar.php">
<select name="elige" id="elige">
<!--PRIMER OPCION-->
Nombre:
<input type="text" name="nombre"> Apellidos:
<input type="text" name="apellidos"> Compra (Unidades):
<input type="text" name="compra"> Fecha:
<input type="date" name="fecha"> Zona:
<select name="zona" required pattern="[A-Z ]+"> D
ía:
<select name="dia" required pattern="[A-Z]+"> No. Ruta:
<select name="numero" required pattern="[1-9]+" title="Sólo números" > <input type="submit" values="guardar" name="guardar">
<!--sEGUNDA OPCION-->
Neogocio/servicio:
<input type="text" name="nombre"> Compra (Unidades):
<input type="text" name="compra"> Fecha:
<input type="date" name="fecha"> Zona:
<select name="zona" required pattern="[A-Z ]+"> D
ía:
<select name="dia" required pattern="[A-Z]+"> No. Ruta:
<select name="numero" required pattern="[1-9]+" title="Sólo números" > <input type="submit" values="guardar" name="guardar">
<!--TERMINACION-->
<a href="index.php">Regresar
</a>
Código CSS:
Ver originalbody{
width: 100%;
height: 100%;
background-color: #fe9;
}
div{
display: none;
}
.visible{
display: block;
}
amm