嗨,我有循环中的表格,这是创造动态,我需要一次点击提交所有这些,我在下面的代码,请你建议我怎么能这样做谢谢
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#submitButton").click(function () {
$.post($("#form1").attr("action"), $("#form1").serialize(),
function () {
alert('Form 1 submitted');
});
$.post($("#form2").attr("action"), $("#form1").serialize(),
function () {
alert('Form 2 submitted');
});
});
});
</script>
</head>
<body>
<form id="form1" action="PostPage1.aspx" method="post">
<input type="button" id="submitButton" value="Submit" />
</form>
<!-- Hidden form -->
<form id="form2" action="PostPage2.aspx" name= "formsub" method="post">
<input type="test" id="data1" value="testing1" />
<input type="text" id="data2" value="testing2" />
</form>
<form id="form2" action="PostPage2.aspx" name= "formsub" method="post">
<input type="test" id="data1" value="testing1" />
<input type="text" id="data2" value="testing2" />
</form>
</body>
</html>
您可以使用给定名称迭代所有表单并逐个提交
$(document).ready(function () {
$("#submitButton").click(function () {
var $form1 = $("#form1");
$.post($form1.attr("action"), $form1.serialize(), function () {
alert('Form 1 submitted');
});
$('form[name="formsub"]').each(function () {
var $form = $(this);
$.post($form.attr("action"), $form.serialize(), function () {
alert('Form 2 submitted');
});
})
});
});
| 归档时间： |
|
| 查看次数： |
6552 次 |
| 最近记录： |