Foros del Web » Programando para Internet » PHP »

Mostrar input al elegir X opcion en select

Estas en el tema de Mostrar input al elegir X opcion en select en el foro de PHP en Foros del Web. Hola, Tengo un formulario de preguntas, en el que use un select para dar ciertas opciones, pero quiero que al elegir la opcion "Otro" , ...
  #1 (permalink)  
Antiguo 21/08/2010, 09:27
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 14 años, 8 meses
Puntos: 8
Mostrar input al elegir X opcion en select

Hola,

Tengo un formulario de preguntas, en el que use un select para dar ciertas opciones, pero quiero que al elegir la opcion "Otro", muestre un input en el que se pueda escribir.

Mi codigo es el siguiente:

Código HTML:
<i>1.- PREGUNTA 1</i><br>
<form>
<select NAME="pg1">
<option SELECTED>Seleccionar una opción
<option>a) RESPUESTA 1
<option>b) RESPUESTA 2
<option>c) RESPUESTA 3
<option>d) RESPUERTA 4
<option>e) Otro
</select>
</form> 
Vi en otro tema que se hacia con javascript pero a mi no me funciono :S

gracias desde ya.
  #2 (permalink)  
Antiguo 21/08/2010, 09:33
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 8 meses
Puntos: 1532
Respuesta: Mostrar input al elegir X opcion en select

Código Javascript:
Ver original
  1. <select onchange="var obj= document.getElementById('id_input_otro');if(this.value=='Otro'){obj.display='';}else{obj.display='none';};" >...

Última edición por maycolalvarez; 19/07/2011 a las 13:36
  #3 (permalink)  
Antiguo 21/08/2010, 09:42
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 14 años, 8 meses
Puntos: 8
Respuesta: Mostrar input al elegir X opcion en select

EDITADO:

Pues ya logre hacer algo muy parecido, que es deshabilitar el input, y habilitarlo cuando eligen Otro:

Código HTML:
<script language="javascript" type="text/javascript">
function d1(selectTag){
 if(selectTag.value == 'otro1'){
document.getElementById('prg1').disabled = false;
 }else{
 document.getElementById('prg1').disabled = true;
 }
}
</script> 
Código HTML:
<form>
<select NAME="pg1" onchange="d1(this)">
<option SELECTED>Seleccionar una opción
<option>1
<option>2
<option>3
<option>4
<option value='otro1'>e) Otro
</select><br>
<br>
<i>Especificar:</i> <input type='text' id="prg1" name='otro1' size='50' value="<?php echo $otro1_form;?>" disabled="true"><br />
</form> 
Espero que a alguien le sirva.

Gracias ^^

Última edición por kenproxd; 21/08/2010 a las 10:38

Etiquetas: elegir, input, opcion, select
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 15:15.