Rellenar 1 campo de formulario basado en otro

Question

¿Existe alguna manera fácil de rellenar un campo de formulario con contenido duplicado de otro campo de formulario?

¿Quizás usando jQuery o javascript?

Answer 1

Sólo hay que asignar los valores de campo:

// plain JavaScript 
var first = document.getElementById('firstFieldId'), 
    second = document.getElementById('secondFieldId'); 

second.value = first.value; 

// Using jQuery 
$('#secondFieldId').val($('#firstFieldId').val()); 

Y si desea actualizar el contenido del segundo campo vivo , puede usar los eventos change o keyup para actualizar el segundo campo:

first.onkeyup = function() { // or first.onchange 
    second.value = first.value; 
}; 

con jQuery:

$('#firstFieldId').keyup(function() { 
    $('#secondFieldId').val(this.value); 
}); 

Comprobar un ejemplo sencillo here.

Answer 2

Es fácil en javascript y jQuery:

$('#dest').val($('#source').val()); 

Answer 3

En Nativo Javascript:

var v1 = document.getElementById('source').value; 
document.getElementById('dest').value = v1;