Foros del Web » Programando para Internet » Javascript »

Crear un Select desde varios Inputs

Estas en el tema de Crear un Select desde varios Inputs en el foro de Javascript en Foros del Web. Hola compañeros/as, Tengo un problemilla y no termino de aclararme. A ver si algun Experto puede echarme una mano, por favor . Me gustaria tener ...
  #1 (permalink)  
Antiguo 07/04/2003, 17:09
Avatar de Seerkan  
Fecha de Ingreso: febrero-2001
Mensajes: 61
Antigüedad: 23 años, 9 meses
Puntos: 0
Pregunta Crear un Select desde varios Inputs

Hola compañeros/as,

Tengo un problemilla y no termino de aclararme. A ver si algun Experto puede echarme una mano, por favor .

Me gustaria tener un formulario con dos o tres inputs, y luego un select cuyas opciones se crearan a partir de los datos introducidos en los inputs . A ver si me explico mejor:

Yo relleno, por ejemplo, 3 inputs de un formulario:
- input 1 = barco
- input 2 = vela
- input 3 = lapiz

Y "automaticamente", o tras pulsar un boton, se activa un Select , o aparece, en el que las opciones serían por ejemplo:
- select option 1= barco_vela_lapiz
- select option 2= vela_barco
- select option 3= lapiz_barco_vela

Es decir, las opciones del Select se crean combinado lo introducido en los inputs. ¿es esto posible?

Por favor, cualquier idea seria de gran ayuda

Gracias por todo , un saludo a todos desde Alicante (España).
  #2 (permalink)  
Antiguo 08/04/2003, 02:08
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola, Seerkan.

Con la ayuda de las FAQs de JavaScript he preparado este ejemplo a ver si te ayuda:
Código PHP:
<html>
<
head>
<
script>
function 
ponerValor() {
    
val t1.value+'-'+t2.value+'-'+t3.value;
    
opcion = new Option (val);
    
sel.options[sel.length]=opcion;
}
</script>
</head>

<body>
<select id="sel"></select>
<input type="text" id="t1">
<input type="text" id="t2">
<input type="text" id="t3">
<input type="button" value="Aceptar" onClick="ponerValor()">
</body>

</html> 
Saludos,
  #3 (permalink)  
Antiguo 08/04/2003, 15:11
Avatar de Seerkan  
Fecha de Ingreso: febrero-2001
Mensajes: 61
Antigüedad: 23 años, 9 meses
Puntos: 0
y para tener el select desactivado.

muchisimas gracias por contestar.

funciona guay pero.... (je je, siempre hay un "pero")

... ¿como se puede tener el select desactivado hasta que se pulse el boton aceptar?

Leyendo los FAQs he visto como hacerlo al reves (que este activo y con un evento desactivarlo), pero no consigo que aparezca desactivado y luego se active!!!

de nuevo mil gracias por contestar tan rapido.

un saludo para todos.

ciao
  #4 (permalink)  
Antiguo 08/04/2003, 15:33
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 3 meses
Puntos: 381
Salú,

pues bastaría con que inicialmente le dieras a tu select la propiedad disabled y usaras en el evento lo contrario a lo que hayas visto en las faq.

onAlgo="miselect.disabled=false"
  #5 (permalink)  
Antiguo 08/04/2003, 17:39
Avatar de Seerkan  
Fecha de Ingreso: febrero-2001
Mensajes: 61
Antigüedad: 23 años, 9 meses
Puntos: 0
De acuerdo Tan solo dar las gracias

Tan solo daros las gracias por ayudarme.

Lo cierto es que yo de Javascript se muy poco (controlo algo mas php ) pero ahora que lo estoy descubriendo me estoy dando cuenta de que tan revolucionario es el php trabajando desde el servidor, como lo es el javascript haciendolo desde el cliente. Es decir, que me parece que se complementan como una pareja de novios

Bueno xavales, gracias por vuestra ayuda.


Por cierto, tan solo por curiosidad, se pueden crear inputs type="radio" al igual que los selects ??? Gracias por responder.

Un saludo
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 18:40.