使用.val填充文本區

Question

我目前正在嘗試使用來自多個輸入的值填充文本區域，因爲它們是鍵入的，我的問題是每當我去到一個新的輸入，它從文本區域清除以前的信息，添加新的，無論如何，我可以保留從以前的領域的信息，也添加新的信息。

HTML

<input type="text" name="fname" ><br> 
<input type="text" name="lname"><br> 

<textarea type="text" id="content"></textarea><br> 

jQuery的

$("input").keyup(function() { 
    var value = $(this).val(); 
    $("#content").text(value); 
    }).keyup(); 

Codepen http://codepen.io/michael52/pen/uzeqs

Answer 1

你爲什麼不建立一個基於其他兩個箱子，不是textarea的舊值textarea的內容：

<input type="text" name="fname" id="fname"><br> 
<input type="text" name="lname" id="lname"><br> 

<textarea type="text" id="content"></textarea><br> 

個

JS：

$("input").keyup(function() { 
    var value = $('#fname').val() + ' ' + $('#lname').val(); 
    $("#content").text(value); 
}).keyup(); 

Answer 2

你需要新的內容追加，而不是取代舊的內容：

$("#content").text(function(_, oldText) { 
    return oldText + value; 
});