使用.val填充textarea

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