Foros del Web - Valores de varios input en un solo input

Foros del Web (http://www.forosdelweb.com/)

- Javascript (http://www.forosdelweb.com/f13/)

- - Valores de varios input en un solo input (http://www.forosdelweb.com/f13/valores-varios-input-solo-input-553776/)

Valores de varios input en un solo input

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:neurotico:neurotico:neurotico

Re: Valores de varios input en un solo input

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

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

Re: Valores de varios input en un solo input

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

Cita:

Iniciado por emiliodeg (Mensaje 2272067)

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

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

Re: Valores de varios input en un solo input

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.