フィールドに入力し、jQuery/JSを使用してこの値をページ下部に表示してください

Question

私は失敗している簡単なタスクがあります。

私はこのフィールドをしたい：

<input id="amount" name="amount" value="{$formRefill.amount}" class="textInput auto required validateNumber" type="text"> 

、ユーザーが（すなわち950.50）そこに値を入力した、と彼らは（どこかに焦点を当てる）テキストフィールドの外をクリックして、jQueryのは、このフィールドを取るたらページの他の場所に表示します。

私はこのページの下にあるDIVの中でこれをしようとしていました。

ありがとうございました。

Answer 1

あなたがblur()やchange()イベントを使用することができます。値が変更されたときにのみコピーする場合は、変更を使用します。変更しない場合はコピーしてください。

$('#myText').blur(function() { 
    $('#myDiv').text($(this).val()); 
}); 

http://jsfiddle.net/AAyyq/

Answer 2

あなたは、入力フィールドのchangeイベントを使用する必要があります。

$('#amount').change(function() { 
    $('#mydivid').text($(this).val()); 
}); 

コード：http://jsfiddle.net/yg9gF/2/

Answer 3

あなたは、入力されたすべてのchar上のdivを更新しますkeyupを使用する必要があります。

$('#amount').on('keyup',function() { 
    $('#mydiv').text($(this).val()); 
}); 

フィドル：[入力から値を取得します]のhttp://jsfiddle.net/yg9gF/11/