基于另一个表单字段填充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;