2011-12-27 16 views
4

私は失敗している簡単なタスクがあります。フィールドに入力し、jQuery/JSを使用してこの値をページ下部に表示してください

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

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

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

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

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

+0

が重複する可能性(http://stackoverflow.com/questions/7640375/get-value-from-input) –

答えて

2

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

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

http://jsfiddle.net/AAyyq/

+0

Ok、この出力にドル記号を追加したいのですが...?申し訳ありませんが、JS/Query – Shackrock

+0

を学習しても、入力からフォーカスが外れる場合にのみ機能します。 –

+0

@Shackrockあなたが割り当てているテキスト値に$を追加するだけです。http://jsfiddle.net/AAyyq/2/ – jbabey

4

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

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

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

+0

[OK]を、どのようなI場合この出力にドル記号を追加したいのですが...?申し訳ありませんが、JS/Query – Shackrock

+0

を学習しても、入力からフォーカスが外れる場合にのみ動作します。 –

4

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

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

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

+0

この回答はこちら – DarkteK

関連する問題