Valores de varios input en un solo input

[alexisfch]

Hola, alguien me podria ayudar en lo siguiente:

Tengo 4 campos de textos: nombre1, nombre2, apellido1, apellido2. lo que quiero es que al escribir los respectivos campos ej: juan, carlos, cruz, perez.
Me escriba en un quinto campo de texto todo separado de espacios, Ej: juan carlos cruz perez, idealmente en un keyup.

Gracias

[emiliodeg]

utilizando la funcion $() de prototype o cualquier otro fw

$('nombreCompleto').value=$('nombre1')+' '+$('nombre2')+' '+ ...

[alexisfch]

Hola, Amigo, soy medio novato en esto, podrias darme un ejemplo con las function de javascript.
Gracias

Iniciado por emiliodeg

utilizando la funcion $() de prototype o cualquier otro fw

$('nombreCompleto').value=$('nombre1')+' '+$('nombre2')+' '+ ...

[derkenuke]

Hombre emiliodeg, si para esa cuestión tan sencilla nos apoyamos en una función de un framework... yo creo que javascript nativo es más didáctico (amén de ahorrar bytes, y quebraderos de cabeza):

Código PHP:

  var campo1 = document.tuFormulario.tuCampo1.value; 
var campo2 = document.tuFormulario.tuCampo2.value; 
var campoN = document.tuFormulario.tuCampoN.value; 
document.tuFormulario.campoFinal.value = campo1 + " " + campo2 + " " + campoN;  
   

Siendo tuFormulario el valor del atributo name de tu formulario, y tuCampoN el valor del atributo name de los sucesivos campos (incluido campoFinal). Si tienes que hacer un bucle es de utilidad saber que se puede referenciar de la siguiente manera:

Código PHP:

  document.tuFormulario["nombreCampo"].value  
   

ó

Código PHP:

  document["tuFormulario"]["nombreCampo"].value  
   

Así tenemos el nombre del formulario y el nombre del campo en String, lo que permite su fácil modificación.

Quizás con un simple manual de javascript esto se hubiera solucionado solo, ¿no crees alexisfch?

Saludos.