从文本区域中获取值,并将其放置在带有一些添加文本的新文本区域中

Get value from a textarea and place it in a new textarea with some added texts

本文关键字:文本 区域 添加 新文本 获取      更新时间:2023-09-26
  1. 我有一个文本区域(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);
});

我该怎么办?

简单的wato是利用.val()函数

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