使用 Javascript 复制表单答案

【问题标题】：Duplicating form using Javascript使用 Javascript 复制表单
【发布时间】：2016-03-13 03:11:50
【问题描述】：

几天来，我一直在尝试找到一种方法来复制此表单及其输入字段。我尝试使用我找到的代码 here 但无济于事。如何复制此表单？

HTML

<form action="dilemman.php" method="post" class="copy" enctype="multipart/form-data">
    Video: <br>
    <input type="text" rows="1" cols="40" name="video"></textarea>
    <div class="input_fields_wrap">
        <button class="add_field_button">Lägg till fler svar</button>
    </div>
    <a href="#" class="copy" rel=".form">Duplicate form</a>
</form>

Javascript

var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().remove(); return false">remove</a>';
$('a.copy').relCopy({limit: 5, append: removeLink});

【问题讨论】：

标签： javascript html forms duplicates

【解决方案1】：

HTML：

 <button onclick="myFunction()">Duplicate form</button>

js:

 function myFunction() {
        var elmnt = document.getElementById("formid");
        var cln = elmnt.cloneNode(true);
        document.body.appendChild(cln);
    }

【讨论】：

感谢它有效，但是复制的新表格仅显示一秒钟然后立即消失。如何防止这种情况发生？
如何防止表单消失？ @尼禄

【解决方案2】：

你可以只使用jquery，不需要使用relCopy..

http://codepen.io/mkdizajn/pen/jWEYeB

var cp = $('form.copy').html();
$('a.copy').on('click', function(){
    $('form.copy').append( cp );
})

第

【讨论】：

【解决方案3】：

快速查看relCopy 文档说，您必须使用a 元素中的rel 属性来定位您的表单，而您不是。

<form action="dilemman.php" method="post" class="copy"

<a href="#" class="copy" rel=".form">Duplicate form</a>

改成

<form action="dilemman.php" method="post"class="form"

<a href="#" class="copy" rel=".form">Duplicate form</a>

【讨论】：