jquery - 使用.val填充textarea

jquery - 使用.val填充textarea,第1张

我目前正在尝试使用来自多个输入的值填充文本区域,因为它们是键入的,我的问题是每次我转到新输入时,它会清除文本区域中的先前信息并添加新的,是否存在无论如何,我可以保留以前字段中的信息,还可以添加新信息。

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

最佳答案:

2 个答案:

答案 0 :(得分:4)

为什么不根据其他两个框来构建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();

答案 1 :(得分:1)

您需要附加新内容,而不是替换旧内容:

$("#content").text(function(_, oldText) {
    return oldText   value;
});
本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复