Rellenar input a traves de otro

karlic0s · #1 (**permalink**) 16/03/2009, 11:05

Hola usuarios del foro, he estado buscando post antiguos y no encontré nada, a ver si alguien me puede echar una mano.

El problema es simple, necesito rellenar un input de campo oculto a traves de tres input type text visibles, ahora, la solución parece ser compleja, lo que no se (lo he publicado en este foro porque pensé que era el correcto) es que si esto habria que hacerlo con javascript o con ajax.

La solución esquemática del problema es algo asi:

input 1: españa
input 2: murcia
input 3: cartagena
input oculto: españa murcia cartagena

Donde españa murcia y cartagena ha sido rellenado por el usuario y el input oculto ha sido rellenado al instante, sin pulsar ningun boton automaticamente por el script, tambien poniendole los espacios entre medias, es importante.

Saludos

JavierB · #2 (**permalink**) 16/03/2009, 11:15

Hola karlic0s

A ver si te sirve esto:

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
function copiar(frm) {
  frm.oculto.value = frm.t1.value+' '+frm.t2.value+' '+frm.t3.value;
}
</script>
</head>
<body>
<form>
<input type="text" name="t1" onkeyup="copiar(this.form)" />
<input type="text" name="t2" onkeyup="copiar(this.form)" />
<input type="text" name="t3" onkeyup="copiar(this.form)" />
<input type="hidden" name="oculto" />
</form>
</body>
</html>

Saludos,

karlic0s · #3 (**permalink**) 16/03/2009, 11:23

Impresionante Javier!!

Nunca pensé que fuera tan facil hacerlo!! mil gracias!!

Se agradece respuestas como la tuya en el foro