我想创建一个具有表单字段/组件复制功能的简单表单。
我在网上搜索过。但是我找不到任何合适的教程。
例如我的表单字段包含以下内容。
1. Title
2. Email
3a. Image Name
3b. Image Description
3c. Image file
3a,3b,3c 在这里是一组。所以我们称它为“图像组”。 我希望在该组下方有一个重复链接,我的用户可以在其中单击它并复制任意数量。
Here is an example我问的是什么。 Ps:我不想用jformer。因为它加载了所有脚本并且加载页面需要很长时间。这就是我问这个问题的原因。
谢谢
最佳答案
您需要做的就是编写一个 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 从表单值创建一个数组。
关于php - php中的表单组件重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9486890/