Получите значение из текстового поля и поместите его в новую текстовую область с некоторыми добавленными текстами

Question

1. У меня есть textarea (txtar1), который будет заполнен пользователем с помощью HTML-кодов.
2. У меня есть кнопка «сгенерировать»;
3. Когда нажата кнопка генерации, значение txtar1 будет помещено в другое текстовое поле (txtar2). Но с некоторым добавленным кодом css.

вот что я сделал:

HTML:

<table> 
<tr> 
    <td valign="top"><label>Enter HTML Code : </label></td> 
    <td><textarea id="htmlcode_txtarea"></textarea></td> 
</tr> 
<tr> 
    <td>&nbsp;</td> 
    <td><input type="button" name="" id="submit_btn" value="Generate" /></td> 
</tr> 
<tr id="new_html"> 
    <td><label>New HTML</label></td> 
    <td><textarea id="new_htmlcode_txtarea"></textarea></td> 
</tr> 

JavaScript/JQuery:

jQuery('#submit_btn').click(function(){ 
    var newVal = jQuery('#htmlcode_txtarea').attr('value'); 
    var addVal = "#af-form-1031686823 .af-element{float:left;}" + 
       "#af-form-1031686823 .af-clear{display:none}:" + 
       "#af-form-1031686823 .af-body input.text{width: 150px!important;margin0right:15px!important}" + 
       "#af-form-1031686823 .buttonContainer{margin-top:-6px!important}"; 


    jQuery('#new_html').show(); 
    jQuery('#new_htmlcode_txtarea').attr('value',newVal); 
}); 

Что я должен делать?

Answer 1

легко WATO добиться того, чтобы использовать функции .val()

$("#textarea2").val($("#textarea1").val() + "text to append ")