Foros del Web » Creando para Internet » HTML »

desocultar cuadro de texto al seleccionar un campo de una lista

Estas en el tema de desocultar cuadro de texto al seleccionar un campo de una lista en el foro de HTML en Foros del Web. hola tengo un campo que quiero ocultar y que al hacer click en un dato de la lista quiero que aparezca simple pero no me ...
  #1 (permalink)  
Antiguo 14/12/2015, 12:32
 
Fecha de Ingreso: julio-2013
Ubicación: copiapo
Mensajes: 10
Antigüedad: 10 años, 10 meses
Puntos: 0
desocultar cuadro de texto al seleccionar un campo de una lista

hola tengo un campo que quiero ocultar y que al hacer click en un dato de la lista quiero que aparezca simple pero no me resulta.

Código HTML:
<label for="beca">Recibe Beca : </label>
    <select name="beca[]" size="1" id="beca">
      <option value="1">Selecciona una beca</option>
      <option value="2">Pres. Republica</option>
      <option value="3">Indigena</option>
      <option value="4">Alimenticia</option>
      <option value="5">Otra</option>// al seleccionar este dato quiero que rebele el cuadro de texto de abajo y al seleccionar otro de esta misma lista lo oculte
    </select>
<input type="text" name="otro_tipo" /> 
en este foro encontré uno que era con el checkbox lo probé pero no me funciono con el select

una ayudita please

gracias de todas formas :D
  #2 (permalink)  
Antiguo 14/12/2015, 13:08
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: desocultar cuadro de texto al seleccionar un campo de una lista

puedes hacer esto:

Código HTML:
Ver original
  1. <label for="beca">Recibe Beca : </label>
  2.     <select name="beca[]" size="1" id="beca"  onchange="d1(this)">
  3.       <option value="1">Selecciona una beca</option>
  4.       <option value="2">Pres. Republica</option>
  5.       <option value="3">Indigena</option>
  6.       <option value="4">Alimenticia</option>
  7.       <option value="5">Otra</option>// al seleccionar este dato quiero que rebele el cuadro de texto de abajo y al seleccionar otro de esta misma lista lo oculte
  8.     </select>
  9. <br>
  10. <input type="text" name="otro_tipo" id="muestra" />

Código Javascript:
Ver original
  1. function d1(selectTag){
  2.  if(selectTag.value == '5'){
  3. document.getElementById('muestra').style.display = 'block';
  4.  }else{
  5.  document.getElementById('muestra').style.display = 'none';
  6.  }
  7. }

Muestra: https://codepen.io/anon/pen/ZQbgzz
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 14/12/2015, 16:33
 
Fecha de Ingreso: julio-2013
Ubicación: copiapo
Mensajes: 10
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: desocultar cuadro de texto al seleccionar un campo de una lista

Hooooo!!!!! muchas gracias me funciono bien :D

Etiquetas: campo, cuadro, input, lista
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 08:50.