Javascript 使用按钮向文本框添加值-保留和保留原始值

我有一个文本框（称为SMS），可以通过选择一个按钮（addButton）来改变它的值。查看JavaScript

$（文档）.ready（函数（）{
$（文档）.on（'单击'，'.addButton'，函数（e）{
e、 预防默认值（）；
var search_val=$（this.attr（'data-value'）；
$（'.sms'）.val（搜索值）；
});
});

我希望能够向该文本框添加多个值，而不必每次都完全更新文本框值

例如： 用户可以这样写：您好，您的名字是（用户选择“名称”按钮并插入值）。您的地址是（用户选择地址按钮）

在我当前的解决方案中，单击任何按钮都将删除文本框中的所有值，只需插入曾经按下过按钮的值。

使用更新其值：

$（'.sms'）.val（函数（索引，值）{
返回值+搜索值；
});

您是否正在寻找类似的产品？