Foros del Web » Programando para Internet » Javascript »

Crear un campo cerrado que al elegir una opcion se abra

Estas en el tema de Crear un campo cerrado que al elegir una opcion se abra en el foro de Javascript en Foros del Web. Hola Buenos dias/tardes/noches: Me gustaria saber si alguien podria ayudarme con el siguiente problema: Estoy haciendo un formulario para darse de alta, entonces un campo ...
  #1 (permalink)  
Antiguo 26/10/2006, 02:02
 
Fecha de Ingreso: octubre-2006
Mensajes: 204
Antigüedad: 17 años, 6 meses
Puntos: 0
Crear un campo cerrado que al elegir una opcion se abra

Hola Buenos dias/tardes/noches:

Me gustaria saber si alguien podria ayudarme con el siguiente problema:
Estoy haciendo un formulario para darse de alta, entonces un campo seria el TITULO que posee una persona y seria un select en el que el usuario elegiria entre licenciado, ingeniero, doctorado u OTRO.
Entonces me gustaria hacer que cuando el usuario eligiera la opcion OTRO se abriera un campo de texto para introducir los datos que el usuario quiera.
Creo que me he explicado bien pero si no se entiende bien os lo intentare aclarar.
Gracias
  #2 (permalink)  
Antiguo 26/10/2006, 04:49
Avatar de djreficul  
Fecha de Ingreso: julio-2006
Ubicación: Cork
Mensajes: 672
Antigüedad: 17 años, 10 meses
Puntos: 0
Para hacer esto necesitas de javascript si no kieres q recargue la página cuando seleccione la opción OTRO.

Puedes optar x tener un campo disabled debajo y activarlo cuando seleccionen la opción OTRO, una capa oculta q se muestre, generarlo a través de javascript... Depende de como quieras q quede tu diseño.

Saludos.
__________________
La muerte es un camino que todos debemos recorrer...
  #3 (permalink)  
Antiguo 26/10/2006, 06:00
Avatar de capa  
Fecha de Ingreso: octubre-2006
Mensajes: 86
Antigüedad: 17 años, 7 meses
Puntos: 1
De hecho tiene que ser con JavaScript, o también lo puedes hacer con AJAX
Este tema no tiene que ver nada con PHP, pero hay te dejo un ejemplo, no los eh probado en otros navegadores.
Código HTML:
<script type="text/javascript"> 
function Otros(sel){
if (sel=='0'){
document.getElementById('Otros').style.display = "block";
}else{
document.getElementById('Otros').style.display = "none";
}
}
</script> 

<table width="312" border="1">
  <tr>
    <td width="96">TITULO:</td>
    <td width="200">
      <select id="titulos" name="select" onChange="Otros(this.value);">
        <option value="3">Secretaria</option>
        <option value="2">Doctor</option>
        <option value="1">Ingeniero</option>
        <option value="0">Otros</option>
      </select>
    </td>
  </tr>
  <tr name="Otros" id="Otros" style=" display:none;">
    <td>Que es? </td>
    <td>
      <input type="text" name="otro">
    </td>
  </tr>
  <tr>
    <td>como le va </td>
    <td>&nbsp;</td>
  </tr>
</table> 
espero que le sirva, Suerte.

Última edición por capa; 26/10/2006 a las 06:09
  #4 (permalink)  
Antiguo 27/10/2006, 02:31
 
Fecha de Ingreso: octubre-2006
Mensajes: 204
Antigüedad: 17 años, 6 meses
Puntos: 0
Muchas gracias
Funciona perfectamente y ahora aprovecho para haceros otra: ¿Se puede usar esto varias veces en un formulario? quiero decir la funcion esta de javascript si se puede usar varias veces.
  #5 (permalink)  
Antiguo 10/12/2007, 02:19
Avatar de JoseTejada  
Fecha de Ingreso: diciembre-2007
Ubicación: Peru.Lima.Cercado.MDuarez.Granaderos172
Mensajes: 218
Antigüedad: 16 años, 5 meses
Puntos: 11
Re: Crear un campo cerrado que al elegir una opcion se abra

<script type="text/javascript">
function Otros(sel){

if (sel=='0') {
aqui.innerHTML = "<label>¿A qu&eacute; se dedica? <br></label><input type='text'>"
}else{aqui.innerHTML = ""}
}
</script>
<label for "titulos">T&iacute;tulo</label><br>
<select id="titulos" name="select" onChange="Otros(this.value);">
<option selected></option>
<option value="3">Secretaria</option>
<option value="2">Doctor</option>
<option value="1">Ingeniero</option>
<option value="0">Otros</option>
</select>
<div id="aqui"></div>

Derre te sirve este tambien...
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 00:26.