jquery - 最初のフィールドに入力された値に基づいて、2 番目のフィールドを自動的に変更または入力する方法は?

Question

1 番目の入力フィールドのリアルタイム入力に基づいて、2 番目の読み取り専用フィールドの値を自動的に入力または変更する方法は?

<input id="1stfield" name="1stfield" value="" readonly/>
<input id="2ndfield" name="2ndfield" value="" />


$('#1stfield').change(function(){

// ?

});

Answer 1

試す

$('#1stfield').on('keyup',(function(){

    $('#2ndfield').attr('value',$(this).val());

});

Answer 2

フィールド1にフィールド2を入力するときに、変更を反映するためにイベントkeyupの代わりに使用する必要があります。テキストを入力し、最初のフィールドである読み取り専用フィールドの値を設定する2番目のフィールドの2番目にキーアップをバインドします。change

ライブデモ

$('#2ndfield').keyup(function () {
    $('#1stfield').val($('#2ndfield').val());
});

Answer 3

$('#1stfield').keyup(function(){

 $('#2stfield').val($('#1stfield').val());

});

Answer 4

$('#2ndfield').keypress(function(){
    $('#1stfield').val($('#2ndfield').val());
});