jquery - 使用 jQuery 在表单中附加文本区域

Question

我正在尝试将文本区域附加到表单中。但是表格也是第一次附加的。让我们看看我的代码。

  jQuery('.addeducation-sym').click( function(){
    var tiny_mce = '<textarea name="content"></textarea>';
    jQuery('.extra-form').clone().appendTo('#edu-form');
    tiny_mce.appendTo('#edu-form .extra-form');
  });

在上面的代码中，当我单击“.addeducation-sym”按钮时，我得到了表单名称“.extra-form”。这是一个 html 表单的克隆，如下所示。

        <div  class="extra-form">
            <label for="education-info">Extra Educational Information</label>
            <input type="text" name="coursename" id="firstname" value="coursename" />
            <input type="text" name="institutename" id="institutename" value="institutename" />
            <input type="text" name="startdate" id="startdate" value="startdate" />
            <input type="text" name="enddate" id="enddate" value="enddate" />
        </div>      <!-- clearfix --><div class="clear"></div><!-- /clearfix -->

之后，我想附加另一个 html 代码，该代码存储在一个名为“tiny_mce”的变量中。但我在我的代码中找不到任何更新。所以请让我知道在克隆后将''附加到“额外形式”的方法是什么。

Answer 1

你可以这样做：

jQuery(document).on("click", '.addeducation-sym', function(){
    jQuery('.extra-form').clone(true).appendTo('#edu-form');
    $("<textarea />", {
        "name" : "content"
    }).appendTo('#edu-form .extra-form');
});

演示：jsFiddle