javascript - 如何自动用文本自动填充文本字段

Question

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

Answer 1

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

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

Answer 2

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

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

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

//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 3

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

演示。

Answer 4

为第一个字段提供 onchange 事件并为第二个字段分配值，如下所示

onchange="secondfieldname.value=firstfieldnamefieldname.value"