How to dynamically add a new line in a textarea; javascript or jquery

Question

I am developing a keyboard plugin. Which requires that if the user clicks on the enter key, then it must add the newline in that textarea.

I have tried adding other characters, such as a b c etc. But in case of newline I know a newline in js is added using

\n

But, when I try to append this to the textarea it just adds that to the textarea's text. While I want it to start a newline. How can I get the new line?

Here is the code that runs with each click:

$('#vboard li').click(function () {
  CurVal = $(LastFocused).val();
    $(LastFocused).val(CurVal + $(this).attr('id'));
    $(LastFocused).focus();
});

The above code executes and appends the current button's value to the element. When I click on enter key, it gives me output as value + '\n' for example:

If the value was afzaal, then after the click it would change to afzaal\n instead of starting a new line.

How would I get the newline in textarea?

Answer 1

You need to add a new new dynamicaly, right? Give this a try and see if this is what you wanted.

$('textarea').html($('textarea').val()+'
Something');

I'm setting html of textarea instead of its val

---

It seems even this works fine

$('textarea').val($('textarea').val()+'\nSomething');