jquery - 使用 .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;
});