2012-06-17 118 views
0

我有一個簡單的註冊表單,我想提出一個選項,就像有兩個不同的字段,我想要的很簡單,就是當我向第一個字段添加文本時它應該自動將相同的內容添加到下一個字段。如何自動用文本自動填充文本字段

+0

我應該使用任何jQuery腳本或Java腳本在所有的這一點,如果你們已經知道了這樣的事情請我真的很感激它! – lulzim

+0

jQuery是一個JavaScript庫,如果你已經通過一切手段將它包含在你的頁面中,請使用它。否則,如果您的項目尚未使用任何jQuery,並且您不打算使用它,那麼也不需要它。 –

+1

每日一詞:'自動填充':D –

回答

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

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

+0

我試圖把這個代碼放在

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

DEMO.

+2

這隻有在字段在HTML中彼此直接相鄰時纔有效。 – jchook

+0

是的,謝謝!我癡迷於OP的問題「它應該自動地將相同的內容添加到下一個領域。」 –

1

change的事件只有當2個條件滿足火災:

  • 的元素失去焦點;
  • 該元素與獲得焦點時的屬性有不同的value屬性。

如果你想要的文字更改爲您鍵入它,你可以與HTML5的input事件使用jQuery:

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

0

提供了第一場onchange事件和第二個字段賦值,如下

onchange="secondfieldname.value=firstfieldnamefieldname.value"