Foros del Web » Programando para Internet » Javascript »

Activar casilla de un formulario

Estas en el tema de Activar casilla de un formulario en el foro de Javascript en Foros del Web. Hola a todos. Soy una principiante de javascript y estoy intentando hacer una cosa. Resulta que tengo una lista desplegable con varias opciones y quiero ...
  #1 (permalink)  
Antiguo 20/06/2010, 04:57
 
Fecha de Ingreso: febrero-2010
Mensajes: 85
Antigüedad: 14 años, 2 meses
Puntos: 0
Activar casilla de un formulario

Hola a todos.

Soy una principiante de javascript y estoy intentando hacer una cosa.

Resulta que tengo una lista desplegable con varias opciones y quiero que una opcion sea "otros". Cuando eliges esa opcion quiero que me salga un cuadro de texto al lado para poder poner la opcion. Me han dicho que poniendo ese cuadro de texto, desactivandolo y que se active cuando elijas la opcion otros. Pero ando un poco perdida aun.

Me podriais ayudar?. Gracias!!
  #2 (permalink)  
Antiguo 20/06/2010, 05:14
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Activar casilla de un formulario

Hola Karla_vs

Prueba este código:

Código Javascript:
Ver original
  1. <form>
  2. <select onchange="txt.disabled=this.selectedIndex!=2">
  3. <option>Uno</option>
  4. <option>Dos</option>
  5. <option>Otro</option>
  6. <input type="text" name="txt" disabled="disabled" />
  7. </select>
  8. </form>

Saludos,
  #3 (permalink)  
Antiguo 20/06/2010, 05:34
 
Fecha de Ingreso: febrero-2010
Mensajes: 85
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Activar casilla de un formulario

Gracias JavierB! pero el cuadro de texto me sale siempre, con cualquier opcion. ¿No tengo que hacer algun script para que me funcione? Muchas gracias por contestar!!!
  #4 (permalink)  
Antiguo 20/06/2010, 14:33
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Activar casilla de un formulario

Hola

Habría que modificarlo a esto

Código Javascript:
Ver original
  1. <select onchange="txt.disabled=(this.selectedIndex==2) ? '' : 'disabled'">

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;" />
  #5 (permalink)  
Antiguo 20/06/2010, 15:00
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Activar casilla de un formulario

Pero según eso saldría disabled='', ¿no? Entonces seguirá estando deshabilitado ¿No tendría que ser así?
Código HTML:
Ver original
  1. <select onchange="txt.disabled=(this.selectedIndex==2) ? false : 'disabled'">

Saludos (:
  #6 (permalink)  
Antiguo 20/06/2010, 15:14
 
Fecha de Ingreso: febrero-2010
Mensajes: 85
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Activar casilla de un formulario

Pues la verdad que de las dos formas sale bien. Se ve el cuadro de texto pero no puedes escribir hasta que elijas la opcion otros. Yo en un principio lo que tenia en mente era que el cuadro nisiquiera se vea hasta que elijas la opcion, pero lo haré asi por lo pronto ya que funciona perfectamente.

Muchisimas gracias por la ayuda!!!!! bsoss
  #7 (permalink)  
Antiguo 20/06/2010, 15:16
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Activar casilla de un formulario

Cita:
Iniciado por _cronos2 Ver Mensaje
Pero según eso saldría disabled='', ¿no? Entonces seguirá estando deshabilitado ¿No tendría que ser así?
Código HTML:
Ver original
  1. <select onchange="txt.disabled=(this.selectedIndex==2) ? false : 'disabled'">

Saludos (:
¿Has dedicado 2 minutos a probarlo? Yo diría que no
__________________
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;" />
  #8 (permalink)  
Antiguo 20/06/2010, 15:56
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Activar casilla de un formulario

Probé poniendo en un input disbaled='' y sí lo deshabilitaba. Por eso no entiendo por qué aquí funciona y por qué no debería ser false.
Saludos (:
  #9 (permalink)  
Antiguo 21/06/2010, 03:32
 
Fecha de Ingreso: febrero-2010
Mensajes: 85
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Activar casilla de un formulario

Bueno, ahora el quisquilloso de mi profesor no lo quiere de esa manera, lo que quiere es que el cuadro de texto no aparezca hasta que piques en "otros". Joder con lo bonito que lo tenia!!!!!
  #10 (permalink)  
Antiguo 21/06/2010, 04:45
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Activar casilla de un formulario

Hola

Cita:
Iniciado por Karla_vs Ver Mensaje
Bueno, ahora el quisquilloso de mi profesor no lo quiere de esa manera, lo que quiere es que el cuadro de texto no aparezca hasta que piques en "otros". Joder con lo bonito que lo tenia!!!!!
Entonces seguro que lo habrá explicado anteriormente. El objetivo es aprender y no esperar a te lo den ya hecho

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;" />
  #11 (permalink)  
Antiguo 21/06/2010, 05:21
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Activar casilla de un formulario

Cita:
Iniciado por _cronos2 Ver Mensaje
Probé poniendo en un input disbaled='' y sí lo deshabilitaba. Por eso no entiendo por qué aquí funciona y por qué no debería ser false.
Saludos (:
es distinto disabled="" como atributo a disabled="" como propiedad. en el primero te inhabilita el campo porque el atributo esta presente, pero en el segundo no lo inhabilita porque el string vacio se evalua a boolean como false. por eso es que ambas formas funcionan.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #12 (permalink)  
Antiguo 21/06/2010, 07:46
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Activar casilla de un formulario

Aaaaah, vale... Gracias :D
  #13 (permalink)  
Antiguo 21/06/2010, 08:23
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Activar casilla de un formulario

Cita:
Iniciado por Karla_vs Ver Mensaje
Bueno, ahora el quisquilloso de mi profesor no lo quiere de esa manera, lo que quiere es que el cuadro de texto no aparezca hasta que piques en "otros". Joder con lo bonito que lo tenia!!!!!
Investiga sobre las propiedades Css visible o display

Saludos,

Etiquetas: casilla, formulario
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 09:54.