Foros del Web » Creando para Internet » Diseño web »

Formulario expandido

Estas en el tema de Formulario expandido en el foro de Diseño web en Foros del Web. Buenas, verán tengo un formulario con campos ocultos, que se expanden según el valor elegido anteriormente. Me di cuenta q si elegias una opcion del ...
  #1 (permalink)  
Antiguo 21/03/2010, 12:23
 
Fecha de Ingreso: febrero-2010
Mensajes: 70
Antigüedad: 14 años, 9 meses
Puntos: 2
Pregunta Formulario expandido

Buenas, verán tengo un formulario con campos ocultos, que se expanden según el valor elegido anteriormente. Me di cuenta q si elegias una opcion del formulario oculto y despues cambiabas el valor anterior esa opción del formulario oculto permanecia ahí y se guardaba. Me gustaria saber como podría eliminar ese valor oculto ( o no dar por valido) si cambio algún valor anterior.

Aquí les dejo el formulario:
Código PHP:
<script type='text/javascript' src='js/formexp.js'></script>
<script>
function expandir_formulario(){
if (document.f1.categoria.value == ""){
    xDisplay('capainmobiliaria', 'none')
    xDisplay('capamoda', 'none')
    xDisplay('capaantiguedades', 'none')
    xDisplay('capaimagenysonido', 'none')
    xDisplay('capaautomoviles', 'none')
    xDisplay('capahogar', 'none')
    xDisplay('capadeportes', 'none')
    xDisplay('capainformatica', 'none')
    xDisplay('capatrabajo', 'none')
    xDisplay('capaservicios', 'none')
    xDisplay('capawebs', 'none')
    xDisplay('capablogs', 'none')
 }
if (document.f1.categoria.value == "inmobiliaria"){
    xDisplay('capainmobiliaria', 'block')
    xDisplay('capamoda', 'none')
    xDisplay('capaantiguedades', 'none')
    xDisplay('capaimagenysonido', 'none')
    xDisplay('capaautomoviles', 'none')
    xDisplay('capahogar', 'none')
    xDisplay('capadeportes', 'none')
    xDisplay('capainformatica', 'none')
    xDisplay('capatrabajo', 'none')
    xDisplay('capaservicios', 'none')
    xDisplay('capawebs', 'none')
    xDisplay('capablogs', 'none')
 }
if (document.f1.categoria.value == "moda"){
    xDisplay('capainmobiliaria', 'none')
    xDisplay('capamoda', 'block')
    xDisplay('capaantiguedades', 'none')
    xDisplay('capaimagenysonido', 'none')
    xDisplay('capaautomoviles', 'none')
    xDisplay('capahogar', 'none')
    xDisplay('capadeportes', 'none')
    xDisplay('capainformatica', 'none')
    xDisplay('capatrabajo', 'none')
    xDisplay('capaservicios', 'none')
    xDisplay('capawebs', 'none')
    xDisplay('capablogs', 'none')
 }
if (document.f1.categoria.value == "antiguedades"){
    xDisplay('capainmobiliaria', 'none')
    xDisplay('capamoda', 'none')
    xDisplay('capaantiguedades', 'block')
    xDisplay('capaimagenysonido', 'none')
    xDisplay('capaautomoviles', 'none')
    xDisplay('capahogar', 'none')
    xDisplay('capadeportes', 'none')
    xDisplay('capainformatica', 'none')
    xDisplay('capatrabajo', 'none')
    xDisplay('capaservicios', 'none')
    xDisplay('capawebs', 'none')
    xDisplay('capablogs', 'none')
 }
if (document.f1.categoria.value == "imagenysonido"){
    xDisplay('capainmobiliaria', 'none')
    xDisplay('capamoda', 'none')
    xDisplay('capaantiguedades', 'none')
    xDisplay('capaimagenysonido', 'block')
    xDisplay('capaautomoviles', 'none')
    xDisplay('capahogar', 'none')
    xDisplay('capadeportes', 'none')
    xDisplay('capainformatica', 'none')
    xDisplay('capatrabajo', 'none')
    xDisplay('capaservicios', 'none')
    xDisplay('capawebs', 'none')
    xDisplay('capablogs', 'none')
 }
if (document.f1.categoria.value == "automoviles"){
    xDisplay('capainmobiliaria', 'none')
    xDisplay('capamoda', 'none')
    xDisplay('capaantiguedades', 'none')
    xDisplay('capaimagenysonido', 'none')
    xDisplay('capaautomoviles', 'block')
    xDisplay('capahogar', 'none')
    xDisplay('capadeportes', 'none')
    xDisplay('capainformatica', 'none')
    xDisplay('capatrabajo', 'none')
    xDisplay('capaservicios', 'none')
    xDisplay('capawebs', 'none')
    xDisplay('capablogs', 'none')
 }
if (document.f1.categoria.value == "hogar"){
    xDisplay('capainmobiliaria', 'none')
    xDisplay('capamoda', 'none')
    xDisplay('capaantiguedades', 'none')
    xDisplay('capaimagenysonido', 'none')
    xDisplay('capaautomoviles', 'none')
    xDisplay('capahogar', 'block')
    xDisplay('capadeportes', 'none')
    xDisplay('capainformatica', 'none')
    xDisplay('capatrabajo', 'none')
    xDisplay('capaservicios', 'none')
    xDisplay('capawebs', 'none')
    xDisplay('capablogs', 'none')
 }

}

    </script>
    
<link href="anunciototal.css" rel="stylesheet" type="text/css" />

<form name="f1" method="post" target="_top" action="inicio.php?id=registrar_anuncio" enctype="multipart/form-data">
<b>* Título:</b><br>
<input type="text" name="cntitulo" maxlength="50" value="Escriba aquí su título" class="form"><br>
<b>* Descripción:</b><br>
<textarea name="cndescripcion" cols="30" rows="5" class="form">Escriba aquí la descripción de su anuncio</textarea><br>

<b>Categoría:</b><br>

<select name="cncategoria" id="categoria" class="formu" onchange="expandir_formulario()">
<option value="">Selecciona una categoría</a>
<option  value="inmobiliaria">Inmobiliaria</option>
<option  value="moda">Moda</option>
<option  value="antiguedades">Antiguedades</option>
<option  value="imagenysonido">Imagen y sonido</option>
<option  value="automoviles">Automóviles</option>
<option  value="hogar">Hogar</option>
</select><br><br>

<!-- Capa trabajo-->
<div id=capatrabajo>
<label><input name="trabajo" type="radio" value="oferta" />Oferta  </label>
<label><input name="trabajo" type="radio" value="demanda" />Demanda</label>
<br><br>
</div>

<!-- Capa deportes-->
<div id=capadeportes>
<select name="deportes" id="deportes" class="formu">
<option value="ropa">Ropa</a>
<option  value="complementos">Complementos</option>
</select><br><br></div>


<!-- Capa Inmobiliaria-->
<div id=capainmobiliaria>
<select name="inmobiliaria" id="inmobiliaria" class="formu">
<option value="">Seleccione</a>
<option  value="alquiler">Venta</option>
<option  value="alquiler">Alquiler</option>
<option  value="compra">Compra</option>
</select><br><br>

<select name="subcategoria1" id="inmobiliaria" class="formu">
<option value="">Seleccione</a>
<option  value="pisos">Pisos</option>
<option  value="locales-comerciales">Locales Comerciales</option>
<option  value="naves">Naves</option>
<option  value="terrenos-sin-edificar">Terrenos sin Edificar</option>
<option  value="plazas-de-Garaje">Plazas de Garaje</option>
</select><br><br></div>

<!-- Capa Moda-->
<div id=capamoda>
<select name="subcategoria2" id="moda" class="formu">
<option value="">Seleccione</a>
<option  value="ropa">Ropa</option>
<option  value="complementos">Complementos</option>
<option  value="novias">Novias</option>
</select><br><br></div>

<b>* Precio:</b><br>
<input type="text" name="cnprecio" maxlength="12" size='11' value="" class="form"><br>
<br>

<b>Provincia:</b><br>
<select name="cnprovincia" value="<? echo $provinciaUsuarioL ?>" size="1" >
<option value="">Toda España</a>
<option  value="alava">Álava</option>
<option  value="albacete">Albacete</option>
<option  value="alicante">Alicante</option>
<option  value="almeria">Almería</option>
<option  value="asturias">Asturias</option>
<option  value="avila">Ávila</option>
<option  value="badajoz">Badajoz</option>
<option  value="barcelona">Barcelona</option>
<option  value="burgos">Burgos</option>
<option  value="caceres">Cáceres</option>
<option  value="cadiz">Cádiz</option>
<option  value="cantabria">Cantabria</option>
<option  value="castellon">Castellón</option>
<option  value="ciudadreal">Ciudad Real</option>
<option  value="cordoba">Córdoba</option>
<option  value="cuenca">Cuenca</option>
<option  value="girona">Girona</option>
<option  value="granada">Granada</option>
<option  value="guadalajara">Guadalajara</option>
<option  value="guipuzcoa">Guipúzcoa</option>
<option  value="huelva">Huelva</option>

</select>
<br>

<b>* Código Postal:</b><br>
<input type="text" name="cnpostal" maxlength="10" size='6' value="<? echo $postalUsuarioL ?>" class="form"><br>


<b>* Email:</b><br>
<input type="text" name="cnemail" maxlength="40" value="<? echo $emailUsuarioL ?>" class="form"><br>


<b>* Teléfono:</b><br>
<input type="text" name="cntelefono" maxlength="12" size='11' value="<? echo $telefonoUsuarioL ?>" class="form"><br>
<br>

<label for="nombre">Imagen</label>
    <input TYPE="file" id="imagen" name="imagen"/>
<br>
<input type="submit" name="registrar" value="Registrar" class="form">
</form>

Se podría no dar por válido un campo oculto del formulario?? Gracias
  #2 (permalink)  
Antiguo 21/03/2010, 18:02
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 17 años, 8 meses
Puntos: 67
Respuesta: Formulario expandido

Pues a los campos que ocultas también dales value igual a vacío en caso de que sean input text y selectedIndex = 0 en caso de que sean select, nada más.

Etiquetas: expandido, oculto, formulario
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 17:34.