Search jQuery

jQuery Forum

Append select value to textarea

in Getting Started • 8 years ago

Hi i need to append the value of a select option to a textarea. Using the code below i have managed to do this. But when i keep changing the selection option it keeps adding the values in the textarea - is there anyway to clear the last selected upon selecting a new one?

$('select.SelectTemplate').change(function() {
var currentVal = $('textarea').val();
$('textarea.AddMessage').val(currentVal + $(this).val());
});

Many thanks for your help and patience.

Replies(5)

Sµßhrånil∂

Re: Append select value to textarea

8 years ago

use defaultValue property instead of val, defaultValue will give the value what loaded during page load

Sµßhrånil∂

Re: Append select value to textarea

8 years ago

$(function(){
$('select.SelectTemplate').change(function(){
$that = $(this);
$('textarea.AddMessage').val(function(){
return $(this).prop('defaultValue') + ' '+$that.val();
});
});
});

See the working model here http://jsfiddle.net/gxu1Lvta/

richard1

Re: Append select value to textarea

8 years ago

when the page loads nothing is selected or loaded which is how it supposed to be. When one of the options is selected then it adds the value to the textarea. If i then go back into the select option and change my selection i need it to change to the other option value not add to it.

This is what happens at the moment http://jsfiddle.net/8b7xua3a/

richard1