使用按钮将值添加到文本框-保留并保留原始文本

Question

我有一个文本框（称为SMS），可以通过选择一个按钮（addButton）来更改其值。参见JavaScript

<script>
$(document).ready(function(){
    $(document).on('click','.addButton',function(e){
        e.preventDefault();
        var search_val = $(this).attr('data-value');
        $('.sms').val(search_val);
    });

});
</script>   

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

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

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

Answer 1

使用function更新其值：

$('.sms').val(function( index, value ) {
  return value + search_val;
});