Добавление текста при нажатии jquery

#javascript

Есть поле для ввода, кнопка и поле для вывода. В поле для вывода уже заполнено value.
Нужно, чтобы по нажатию на кнопку текст не перезаписывался, а добавлялся к уже существующему.
Вот пример











$("#btn").on('click', function () {
    var t1 = $('#first').val();
    $('#last').val(t1);
});


Вот на стороннем ресурсе
https://jsfiddle.net/atg5m6ym/7609/
    

Ответы

Ответ 1

Так:



$("#btn").on('click', function () {
    var t1 = $('#first').val();
    console.log(t1);
    $('#last').val(function(i, val){
    	return val + ' ' + t1;
    });
});
p {
    margin: 1em 0 0;
}

  














  .val( function(index, value) )
  
  Атрибуту value будет присвоено значение, которое вернет функция
  function. Функция для каждого из выбранных элементов. При вызове, ей
  передаются следующие параметры: index (позиция элемента в наборе) и
  value (текущее значение атрибута value у элемента).


Ответ 2

$('#last').val(t1);



$('#last').val($('#last').val() + t1);


А лучше так:

var $last = $('#last');
$last.val($last.val() + t1);


Ответ 3

html



$("#btn").on('click', function () {
    var t1 = $('#first').val();
    $('#last').val($('#last').val() + t1);
});