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

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事件僅在滿足以下兩個條件時觸發：

• 元素失去焦點；
• 元素具有與獲得焦點時不同的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"