[英]jQuery - How do I submit the cloned forms?
如何同时提交所有克隆的表格?
我制作了一个脚本来克隆表单,我想提交所有克隆的表单。 我怎样才能做到这一点?
HTML:
<div id='forms'>
<div class='cform'>
<form id='form' method='POST'>
<input style='width: 80px;' class='hihi' type='submit' name='add_jo' value='Submit all' />
<td><input class='txtedit' placeholder='Job name' type='text' name='jo[]' maxlength='130' /></td>
</form>
</div>
</div>
jQuery的
$('.clone').click(function(event) {
event.preventDefault();
var tr = $('.cform:first');
var newTr = tr.clone();
newTr.find(":input").val(''); // find all input types (input, textarea etc), empty it.
newTr.appendTo(tr.parent());
});
提交表单会触发新页面加载的请求,因此您不能同时提交多个表单。 尝试以隐藏的形式收集要提交的所有表单的值,或者使用某些AJAX来完成工作,而无需实际提交表单数据。
或者,您可以克隆表单的内容以扩展表单本身。
<form action="..." method="post">
<div class="cloneable">
<input name="data[]" value="" />
</div>
<button id="extend">Clone</button>
<button type="submit" id="submit">Submit</button>
</form>
您的JS可能如下所示:
$("#extend").click( function() {
$(".cloneable")
.clone()
.insertBefore( $("#extend") );
} );
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.