根据另一个填充1个表单字段

时间:2010-01-05 05:19:06

标签: javascript jquery forms

是否有一种简单的方法可以使用另一个表单字段中的重复内容填充一个表单字段?

也许使用jQuery或javascript?

3 个答案:

答案 0 :(得分:16)

您只需分配字段值:

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

second.value = first.value;

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

如果您想更新第二个 live 字段的内容,可以使用changekeyup个事件来更新第二个字段:

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

使用jQuery:

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

查看一个简单示例here

答案 1 :(得分:5)

在原生Javascript中:

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

答案 2 :(得分:4)

使用jQuery在javascript中很容易:

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