如何將輸入從表單中的字段輸入到同一個表單上的文本區域

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()); 
}); 

現場演示：http://jsfiddle.net/ambiguous/Tt2gt/1/

結合keyup事件會得到你叫每次<textarea>更新回調的關鍵是按下<input>（包括退格）。如果您使用change處理程序，<textarea>將不會更新，直到<input>失去焦點，並且聽起來不像您想要的那樣。