Wypełnij 1 pole formularza na podstawie innego

Question

Czy istnieje łatwy sposób wypełnienia jednego pola formularza duplikatą treści z innego pola formularza?

Może za pomocą jQuery lub javascript?

Answer 1

Po prostu trzeba przypisać wartości pól:

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

second.value = first.value; 

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

A jeśli chcesz zaktualizować zawartość drugiego pola żywo , możesz użyć zdarzeń change lub keyup, aby zaktualizować drugie pole:

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

z jQuery:

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

Sprawdź prosty przykład here.

Answer 2

Jest łatwy w javascript jQuery:

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

Answer 3

w natywnym javascript:

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