Remplir 1 champ de formulaire basé sur un autre

Question

Existe-t-il un moyen facile de remplir un champ de formulaire avec du contenu dupliqué à partir d'un autre champ de formulaire?

Peut-être utilisez-vous jQuery ou javascript?

Answer 1

Il vous suffit d'affecter les valeurs de champ:

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

second.value = first.value; 

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

Et si vous souhaitez mettre à jour le contenu du deuxième champ en direct , vous pouvez utiliser les événements change ou keyup pour mettre à jour le deuxième champ:

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

Avec jQuery:

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

Vérifiez un exemple simple here.

Answer 2

Il est facile en javascript en utilisant jQuery:

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

Answer 3

Dans Native Javascript:

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