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

score 4 · Accepted Answer

テキストエリアの古い値ではなく、他の 2 つのボックスに基づいてテキストエリアのコンテンツを構築してみませんか。

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

score 1 · Accepted Answer

古いコンテンツを置き換えるのではなく、新しいコンテンツを追加する必要があります。

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

2 に答える 2