javascript - 根据另一个填充 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 .