フォーム上のフィールドからの入力を同じフォーム上のテキストエリアに配置する方法

Question

名前フィールドとテキストエリアを持つフォームがあります。

ユーザーが名前を入力すると、それを他のフォーマット済みのテキストとともにテキスト領域に含めることにします。

どうすればいいですか？

jQuery？

Answer 1

テキスト入力にkeyup handlerを使用して、表示のみのためにそれを使用したい場合は、テキストエリアにreadonly="readonly"属性を追加します。例えば

：

<input type="text"> 
<br> 
<textarea readonly="readonly" rows="10" cols="40"></textarea> 

そして、いくつかのjQuery：

var static_text = "Where is pancakes house?\n\n"; 
$('input').keyup(function() { 
    $('textarea').text(static_text + $(this).val()); 
}); 

ライブデモ：keyupイベントへの結合http://jsfiddle.net/ambiguous/Tt2gt/1/

があなたの<textarea>更新コールバックはキーがあるたびに呼び出されます<input>（バックスペースを含む）を押してください。 changeハンドラを使用している場合は、<input>がフォーカスを失い、その後のように聞こえない限り、<textarea>は更新されません。