Foros del Web » Programando para Internet » Javascript »

Habilitar caja de texto con select option

Estas en el tema de Habilitar caja de texto con select option en el foro de Javascript en Foros del Web. Estoy revisando las paginas del foro js, y encontre una sugerencia de JavierB el cual trabaja de la sgte manera: <select onchange = "nombreInput.disabled = ...
  #1 (permalink)  
Antiguo 11/09/2009, 13:35
Avatar de hoberwilly  
Fecha de Ingreso: julio-2008
Ubicación: Lima - Perú
Mensajes: 769
Antigüedad: 15 años, 10 meses
Puntos: 2
Habilitar caja de texto con select option

Estoy revisando las paginas del foro js, y encontre una sugerencia de JavierB el cual trabaja de la sgte manera:

<select onchange = "nombreInput.disabled = this.selectedIndex!=2">
<option selected>Seleccione...</option>
<option>Primero</option>
<option>Segundo</option>
</select>
<input type="text" name="nombreInput">

Quiesiera por favor orientarme a lo siguiente:
1. Al cargar la pagina.php, la caja de texto por default este deshabilitada.
2. Ahora cuando el usuario Seleccione: "Primero, Segundo" LA CAJA EN ESE MOMENTO SE HABILITE, y cuando el usuario Seleccione: "Seleccione..." vuelva a deshabilitarse la caja de texto.

Agradesco su desinteresada colaboración,
Willy S.
  #2 (permalink)  
Antiguo 11/09/2009, 15:16
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Habilitar caja de texto con select option

Hola

Algo como esto

Código javascript:
Ver original
  1. function funcion(opt) {
  2. if (opt == 0)
  3. document.getElementById("nombreInput").disabled = true;
  4. else
  5. document.getElementById("nombreInput").disabled = false;
  6. }

Código html:
Ver original
  1. <select onchange = "funcion(this.selectedIndex)">

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 11/09/2009, 20:41
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 5 meses
Puntos: 56
Respuesta: Habilitar caja de texto con select option

Código html:
Ver original
  1. <form name="formulario">
  2. <select onChange="document.formulario.nombreInput.disabled = this.value==-1">
  3. <option value="-1" selected="selected">Seleccione...</option>
  4. <option>Primero</option>
  5. <option>Segundo</option>
  6. <input type="text" name="nombreInput" disabled="">
  7. </form>
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #4 (permalink)  
Antiguo 12/09/2009, 13:22
Avatar de hoberwilly  
Fecha de Ingreso: julio-2008
Ubicación: Lima - Perú
Mensajes: 769
Antigüedad: 15 años, 10 meses
Puntos: 2
Respuesta: Habilitar caja de texto con select option

Gracias amigos, tanto a Adler como AmericaUNK por sus colaboraciones...

Saludos,
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 20:04.