从textarea获取价值并将其放入带有一些附加文本的新文本区域

时间:2012-05-30 10:57:40

标签: javascript jquery html css

  1. 我有一个textarea(txtar1),将由用户填写HTML代码。
  2. 我有一个'生成'按钮;
  3. 单击“生成”按钮时,txtar1中的值将放在另一个textarea(txtar2)中。但是添加了一些css代码。
  4. 这就是我所做的:

    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);
    });
    

    我该怎么办?

1 个答案:

答案 0 :(得分:5)

easy wato实现是利用.val()功能

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