如何自动使用文本自动填充文本字段

Question

我有一个简单的注册表单，我想做一个选项，就像有两个不同的字段，我想要的是简单的，只是当我向第一个字段添加文本时，它应该自动添加相同的内容到下一个领域。

Answer 1

$("#field1").change(function(){
    $("#field2").val(this.value);
});

演示：http://jsfiddle.net/DerekL/CcDv4/

Answer 2

$(function(){
    $('#txt1').on('change', function(e){
        $('#txt2').val($(this).val());
    });
});​

DEMO.

Answer 3

change事件仅在满足2个条件时触发：

• 元素失去焦点;
• 该元素具有与获得焦点时不同的value属性。

如果您希望在键入时更改文本，可以将jQuery与HTML5 input事件一起使用：

//assuming `a` and `b` as text field IDs
$('#a').on('input', function() {
   $('#b').val($(this).val());
});​

JSFiddle

对于非HTML5浏览器，您只需扩展事件地图即可模拟input事件：

$('#a').on('input keydown keypress keyup change blur', function() {
    $('#b').val($(this).val());
 });​

JSFiddle

Answer 4

为第一个字段指定onchange事件并为第二个字段指定值，如下所示

onchange="secondfieldname.value=firstfieldnamefieldname.value"