Foros del Web » Creando para Internet » HTML »

InputText con Lista

Estas en el tema de InputText con Lista en el foro de HTML en Foros del Web. Hola amigos. Como puedo hacer un InputText que ademas me de la opcin de ingresar un valor o seleccionar de una lista Gracias...
  #1 (permalink)  
Antiguo 12/01/2011, 12:09
Avatar de insyse  
Fecha de Ingreso: abril-2005
Ubicación: Colombia
Mensajes: 198
Antigüedad: 12 años, 8 meses
Puntos: 4
InputText con Lista

Hola amigos.

Como puedo hacer un InputText que ademas me de la opcin de ingresar un valor o seleccionar de una lista

Gracias
  #2 (permalink)  
Antiguo 12/01/2011, 12:22
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 8 años, 4 meses
Puntos: 8
Respuesta: InputText con Lista

Hola,

Te refieres a tener, por ejemplo, un campo Select con X opciones y una última llamada "Otros" que te habilite un campo text para especificar ese "Otros"?
  #3 (permalink)  
Antiguo 12/01/2011, 12:25
Avatar de Kurozaki  
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 7 años
Puntos: 9
Respuesta: InputText con Lista

ella se refiere a un input, donde tu ingreses un texto.
Pero este mismo input tenga una lista. Por si lo que tu vas a escribir esta en la lista. Mejor lo escojes y no lo escribes.

Pero esto no se puede. La unica manera es como dice kenproxd

Que sea una lista con 5 opciones (por ejemplo):
-Primaria
-Secundaria
-Preparatoria
-Postgrado
-Otro

Y si escojes otro, se active automaticamente un input y alli ingresas con texto (picando tu teclado) lo que desees ingresar.

Esto se hace con Javascript, pero ando corto de tiempo para darte un ejemplo.
Bye...
  #4 (permalink)  
Antiguo 12/01/2011, 12:35
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 8 años, 4 meses
Puntos: 8
Respuesta: InputText con Lista

Aqui te dejo un ejemplo:

Primero haces la función con java:

Código Javascript:
Ver original
  1. function activar(selectTag) {
  2.  
  3. if(selectTag.value== 'otros') {
  4. document.getElementById('otros_c').disabled = false;
  5. } else {
  6. document.getElementById('otros_c').disabled = true;
  7. }
  8. }

Esta función hace que, si seleccionas la opción con value "otros", el campo con id=otros_c se active.

Ahora sólo resta crear el select y el input text:

Código HTML:
Ver original
  1. <p><select .... OnChange="activar(this)">
  2. <option value="otros">Otros</option>
  3. </select></p>
  4.  
  5. <p><label name="otros_c">Especifica: <input type="text" id="otros_c" disabled="true"></label></p>

Suerte!
  #5 (permalink)  
Antiguo 12/01/2011, 13:12
Avatar de insyse  
Fecha de Ingreso: abril-2005
Ubicación: Colombia
Mensajes: 198
Antigüedad: 12 años, 8 meses
Puntos: 4
Respuesta: InputText con Lista

Gracias a todos, la opcion de kenproxd me funciono perfecto.

Etiquetas: 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 22:39.