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

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更新它的值(value):

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