Foros del Web » Programando para Internet » Javascript »

Cambiar de Formulario segun lista Desplagable

Estas en el tema de Cambiar de Formulario segun lista Desplagable en el foro de Javascript en Foros del Web. Hola a Todos!!! He hecho un scrpit y quisiera compartirlos con ustedes y que tambien me puedan ayudar a mejorarlo, se los muestro: Pienso que ...
  #1 (permalink)  
Antiguo 20/02/2008, 14:46
Avatar de Hony  
Fecha de Ingreso: enero-2008
Mensajes: 21
Antigüedad: 16 años, 3 meses
Puntos: 0
Cambiar de Formulario segun lista Desplagable

Hola a Todos!!!

He hecho un scrpit y quisiera compartirlos con ustedes y que tambien me puedan ayudar a mejorarlo, se los muestro:

Pienso que sí voy en buen camino pero obviamente algo me falla, ya que todavia no me funciona, es decir, no me muestra los formularios. Que creen que pueda estar pasando???

la Siguiente es mi funcion JvaScript:

<script language="javascript">

function CambiaFormulario() {
switch (document.getElementById(op1).tipo.selectedIndex){
case op1:
document.getElementById(op1).style.display='block' ;
document.getElementById(op2).style.display='none';
document.getElementById(op3).style.display='none';
break;
case op2:
document.getElementById(op1).style.display='none';
document.getElementById(op2).style.display='block' ;
document.getElementById(op3).style.display='none';
break;
case op3:
document.getElementById(op1).style.display='none';
document.getElementById(op2).style.display='none';
document.getElementById(op3).style.display='block' ;
break;
</script>

De esta manera creo mis formularios:

<form id="op1" name="autorizacion" style="display:none" >
</form>

<form id="op2" name="consecion" style="display:none" >
</form>

<form id="op3" name="convenio" style="display:none">
</form>

Asi creo mi Lista Desplegable:

<select name="tipo"onchange="CambiarFormulario(this.Value) ">

<option value="op1" selected="selected">Autorizacion</option>

<option value="op2">Conseción</option>

<option value="op3">Convenio</option>

</select>

Última edición por Hony; 20/02/2008 a las 15:00
  #2 (permalink)  
Antiguo 20/02/2008, 15:12
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: Cambiar de Formulario segun lista Desplagable

Hola Hony

El select tienes que ponerlo así:

Código:
<select name="tipo"onchange="CambiarFormulario(this.value)">
y usar este código:

Código:
<script type="text/javascript">
function CambiarFormulario(val) {
  document.getElementById('op1').style.display = (val=='op1') ? 'block' : 'none';
  document.getElementById('op2').style.display = (val=='op2') ? 'block' : 'none';
  document.getElementById('op3').style.display = (val=='op3') ? 'block' : 'none';
}
</script>
Saludos,
  #3 (permalink)  
Antiguo 20/02/2008, 15:34
Avatar de Hony  
Fecha de Ingreso: enero-2008
Mensajes: 21
Antigüedad: 16 años, 3 meses
Puntos: 0
Re: Cambiar de Formulario segun lista Desplagable

OK! Gracias! JavierV...
Voy a probarlo y luego te cuento como me fue!... Bueno si te puedo escribir a tu mail...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:34.