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'的变量中。但我在我的代码中找不到任何更新。所以，请告诉我在克隆后添加''到“extra-form”的方法是什么。

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

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

1 个答案: