Seleccion variable

AdrianSeg · #1 (**permalink**) 14/02/2010, 12:22

tengo el siguiente formulario en html:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
Menú para añadir usuarios:
<p>Nombre de usuario
  <input name="usuario" type="text" />
</p>
<p>Contraseña
  <input name="usuario" type="text" />
</p>
<p>
  E-mail
    <input name="usuario" type="text" />
</p>
<p>Rango: 
 <label>
    <select name="ppppp" size="1" id="ppppp">
      <option value="1">Vicerrectorado Calidad</option>
      <option value="2">Vicerectorado Grado</option>
      <option value="3">Vicerrectorado Estudiantes</option>
      <option value="4">Coordinador CGIC</option>
      <option value="5">Miembro CGIC</option>
    </select>
  </label>

</p>
<p>
  Titulación  
  <label>
    <select name="ppppp" size="1" id="ppppp">
      <option selected="selected">Ninguna</option>
      <option value="magisterio">Magisterio</option>
      <option value="empresariales">Empresariales</option>
      <option value="derecho">Derecho</option>
    </select>
  </label>
</p>
</body>
</html>

Un formulario simple, el problema es que necesito que el campo titulación solo sea visible si se ha selecionado anteriormente en rango alguna de estas opciones:

Código HTML:

 <option value="3">Vicerrectorado Estudiantes</option>
      <option value="4">Coordinador CGIC</option>
      <option value="5">Miembro CGIC</option>

Alguien me ayuda?

Alun · #2 (**permalink**) 14/02/2010, 13:22

yo te aconsejaría que le pusieses un id al párrafo que contiene la titulación, y le pusieses al formulario una hoja de estilos css:

Código CSS:

Ver original#id_del_parrafo{display:none;}

y luego pusieses esto:

Código Javascript:

Ver originalfunction mostrar{
if (document.getElementById('ppppp').selected = 'Vicerrectorado Calidad' !! document.getElementById('ppppp').selected = 'Coordinador CGIC' !! document.getElementById('ppppp').selected = 'Miembro CGIC'){
document.getElementById('id_del_parrafo').style.display = 'block';}}

luego, puedes cargar la función con un onLoad en el <body>.

Espero que te sirva