Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/02/2010, 17:53
Avatar de Kaze71
Kaze71
 
Fecha de Ingreso: enero-2010
Mensajes: 44
Antigüedad: 14 años, 9 meses
Puntos: 4
Respuesta: Mostrar campo dependiendo de la selección:

Prueba con algo así:

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>
<style type="text/css">
  p#titulacion{
    display:none;
  }
</style>
<script type="text/javascript">
  function comprobar(){
    var etiqueta = document.getElementById('titulacion');
	var source = document.getElementById('ppppp');
    if(source.selectedIndex >= 2)
    {
      etiqueta.style.display = 'block';
    }
    else
    {
      etiqueta.style.display = 'none';
    }
  }
</script>
</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 onclick="comprobar()">
    <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 id="titulacion">
  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> 

Última edición por Kaze71; 14/02/2010 a las 18:15