基於另一個表單字段填充1表單域

Question

是否有一種簡單的方法來填充來自另一個表單域的重複內容的一個表單域？

也許使用jQuery或JavaScript？

Answer 1

你只需要指定字段值：

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

second.value = first.value; 

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

如果要更新第二個字段的內容現場 ，您可以使用change或keyup事件更新第二個字段：

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

使用jQuery：

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

檢查一個簡單的例子here。

Answer 2

它是易於使用的JavaScript jQuery的：

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

Answer 3

在本地JavaScript：

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