php中的表单组件复制

Question

我想创建一个具有表单字段/组件复制功能的简单表单。

我在网上找遍了。但我找不到任何合适的教程。

例如，我的表单字段包含以下内容。

1. Title
2. Email

3a. Image Name 
3b. Image Description
3c. Image file

3a,3b,3c在这里是一个组。因此，让我们将其称为“镜像组”。我希望在我的用户点击它的组下面有一个重复的链接，并复制他们想要的数量。

我要问的是Here is an example。附言:我不想使用jformer。因为它加载了所有的脚本，而且加载页面花费了很多时间。这就是我问这个问题的原因。

谢谢

Answer 1

您所需要做的就是编写一个JavaScript函数，将一组新的表单元素附加到给定的容器中。如下所示：

<div id="imageforms">
    <fieldset id="firstimage">
       <input type="text" name="imagenames[]" />
       <textarea name="imagedescriptions[]"></textarea>
       <input type="file" name="imagefiles[]" />
    </fieldset>
</div>
<a href="#" onclick="addAdditionalImage(); return false;">add another image</a>

然后需要JavaScript函数：

 function addAdditionalImage() {
      $('#imageforms').append($('#firstimage').clone());
 }

这里最有趣的部分是name="xxx[]"的使用，它告诉PHP从表单值创建一个数组。

Answer 2

既然您已经将您的问题标记为与jquery相关，那么您应该在这里查看一下克隆方法：http://api.jquery.com/clone/

您需要对可以复制的字段进行分组(假设将它们包含在span中)，以便对所有字段都有一个选择器，克隆这些字段，然后使用append或prepend等方法再次“注入”相同的元素

如果您希望在服务器端处理这些值，则应该使用名称数组(input type="text“name="image_name[]")