Điền vào trường biểu mẫu 1 dựa trên một trường khác

Question

Có cách dễ dàng để điền vào một trường biểu mẫu có nội dung trùng lặp từ một trường biểu mẫu khác không?

Có thể sử dụng jQuery hoặc javascript?

Answer 1

Bạn chỉ cần gán các giá trị lĩnh vực:

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

second.value = first.value; 

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

Và nếu bạn muốn cập nhật nội dung của trường thứ hai sống , bạn có thể sử dụng các sự kiện change hoặc keyup để cập nhật trường thứ hai:

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

Với jQuery:

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

Kiểm tra một ví dụ đơn giản here.

Answer 2

Nó rất dễ dàng trong javascript sử dụng jQuery:

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

Answer 3

Trong Native Javascript:

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