Hola!

Registrándote como bakuno podrás publicar, compartir y comunicarte en privado con otros bakuos :D

Regístrame ya!

javascript formulario dinamico ayuda

R

RanuTo

Bovino maduro
Desde
4 Abr 2007
Mensajes
379
holas bakunos, estoy haciendo una pagina donde tengo una variable que pasa por GET que es sexo, si es mujer se debe aumentar unas cuantas cosas mas al formulario.
el script es este:
<script type='text/javascript'>
if ("<?php echo $_GET['sexo']; ?>"=="Femenino"){
xDisplay('capaexpansion', 'block')
}else{
xDisplay('capaexpansion', 'none')
}
</script>

donde vemos que obtenemos un valor por medio de GET este nos dice si es mujer.
style que deberia cambiar el display segun arriba
<style>#capaexpansion{
position:relative;
display:none;
} </style>
y por ultimo tengo un <div id="capaexpansion"> donde tengo el formulario para mujeres que se debe mostrar.

He hecho esto con otro formulario pero eligiendo con un select usando onchange.
pero nose que pasa aqui si evidentemente pasa el if, porque ago un alert('si entra'); y si entra gulp! , por otro lado vi con el firefub que dice: if("femenino"=="femenino"), asi q deberia expandirse :mariamagdalena:
 
mmm pues veo que tienes esto
if ("<?php echo $_GET['sexo']; ?>"=="Femenino"){

que segun tu te arroja esto :

if("femenino"=="femenino")

no as notado que "femenino" lo tienes como "Femenino" :mota: ???

mmmm pues tons si dices que el if sta bien y entra, pues deberia ser el Style prueba poner "display:none" a " display:' ' " a ver q pasa :p es que en estos momentos no recuerdo mucho de php y javascript y css toy un poco oxidado :chavo: si no prueba desplegarlo y ocultarlo directamente en el div
 
esta muy facil y no necesitas PHP lo puedes hacer todo cono Java script. Lo que tienes que hacer es hacer todo con un select y ponerle una propiedad que sea onChange(); quedaría algo así:

HTML: 
 <select id='sexo' name='sexo' onchange='cheqSexo();'>
                <option value='hombre'>Hombre</option>
                <option value='mujer'>Mujer</option>                
 </select>

También tienes que tener un div en donde esté tu información extra a mostrar pero que esté oculto (hay varias maneras de hacerlo pero esta es la más facil), algo así.

HTML: 
<div id="infoMujer" style="display:none" >
       <!--Aquí pones toda tu información-->
</div>

Después tienes que declarar la función cheqSexo en javaScript y hacer la verificación:

Código: 
function cheqSexo()
{
   sexo = document.getElementById('sexo').value;
   
   if(sexo == "mujer")
   {
      document.getElementById('infoMujer').style.display = 'block';
   }
}

Listo, de esa manera te muestra la info extra en caso de que escoja mujer
 
Debes iniciar sesión o registrarte para participar.
Volver
Arriba