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

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