Javascript jQuery将字段数据添加到数组中以显示在textarea下

我有3个文本输入字段，比如名字、姓氏和年龄，还有一个添加按钮。我还有一个textarea，当单击ADD按钮时，我想在其中将添加的数据显示为textarea的值

我写了一些代码，但它只给了我textarea内3个输入字段数据的最新值，但我想在textarea内用逗号分隔显示所有添加的数据。示例：Arora Shetty 25、Alok Kumar 30等使用jquery

这是我写的代码

<input type="text" id="first_name" name="first_name"> 
<input type="text" id="last_name" name="last_name">
<input type="text" id="age" name="age">
<textarea id="fetch_here"></textarea>
<button class="btn btn-success" id="add_data">ADD</button>

添加

对于需要附加的多个数据，请确定

$（文档）.ready（函数（）{
$（“#添加_数据”）。单击（函数（）{
var first_name=$（'#first_name'）.val（）；
var last_name=$（'#last_name'）.val（）；
var age=$（'#age'）.val（）；
var user_data=$（'#fetch_here'）.val（$（'#fetch_here'）.val（）；
});
})

添加

对于需要附加的多个数据，请确定

$（文档）.ready（函数（）{
$（“#添加_数据”）。单击（函数（）{
var first_name=$（'#first_name'）.val（）；
var last_name=$（'#last_name'）.val（）；
var age=$（'#age'）.val（）；
var user_data=$（'#fetch_here'）.val（$（'#fetch_here'）.val（）；
});
})

添加

我建议您使用数组来简化代码，然后使用：

• .push（）

  要添加一段数据

• .join（）

  要使用所需字符串连接所有数组元素

然后，在替换（添加）其内容之前，只需获取

textarea

的当前值

$（'add#u data'）。单击（函数（）{
var数据=[]；
data.push（$（'#first_name'）.val（））；
data.push（$（'#last_name'）.val（））；
data.push（$（'#age'）.val（））；
var current_val=$（'#fetch_here'）.val（）；
$（'fetch_here'）.val（当前的'u val+data.join（''）+'\n'）；
});

添加
我建议您使用数组来简化代码，然后使用：


.push（）
要添加一段数据
.join（）
要使用所需字符串连接所有数组元素

然后，在替换（添加）其内容之前，只需获取
textarea
的当前值


$（'add#u data'）。单击（函数（）{
var数据=[]；
data.push（$（'#first_name'）.val（））；
data.push（$（'#last_name'）.val（））；
data.push（$（'#age'）.val（））；
var current_val=$（'#fetch_here'）.val（）；
$（'fetch_here'）.val（当前的'u val+data.join（''）+'\n'）；
});

添加
您需要从
文本区域
中获取上一个文本，然后才能将新值分配给它：


$（文档）.ready（函数（）{
$（“#添加_数据”）。单击（函数（）{
var first_name=$（'#first_name'）.val（）；
var last_name=$（'#last_name'）.val（）；
var age=$（'#age'）.val（）；
var user_data=$（“#在此处获取_”）.text(
$（'fetch#u here'）。text（）+
名+姓+年龄+'\n'）；
});
});

添加
您需要从
文本区域
中获取上一个文本，然后才能将新值分配给它：


$（文档）.ready（函数（）{
$（“#添加_数据”）。单击（函数（）{
var first_name=$（'#first_name'）.val（）；
var last_name=$（'#last_name'）.val（）；
var age=$（'#age'）.val（）；
var user_data=$（“#在此处获取_”）.text(
$（'fetch#u here'）。text（）+
名+姓+年龄+'\n'）；
});
});

添加
添加数据！=添加_flower
，它在代码段中运行良好。有什么问题吗？我需要添加多个数据。现在，如果你更新了最后的数据，那么添加最新的数据是不存在的。我需要抓取所有添加的数据，没有数据会消失
add_data！=添加_flower
，它在代码段中运行良好。有什么问题吗？我需要添加多个数据。现在，如果你更新了最后的数据，那么添加最新的数据是不存在的。我需要抓取所有添加的数据，没有数据会消失，因为它是完美的。多谢各位much@user3443037我给了你第一个答案。这根本不公平。@PraveenKumar不要表现得太孩子气。这是谁给出第一个答案的规则吗accepted@AnkitAgarwal同意你的幼稚，但这不公平。哈哈，兄弟，每个人都在这里花时间出去找点东西。。。无论如何<代码>：）
这太完美了。多谢各位much@user3443037我给了你第一个答案。这根本不公平。@PraveenKumar不要表现得太孩子气。这是谁给出第一个答案的规则吗accepted@AnkitAgarwal同意你的幼稚，但这不公平。哈哈，兄弟，每个人都在这里花时间出去找点东西。。。无论如何<代码>：）