如何使用一个按钮多次提交表单并在许多选项卡中打开它们?

时间:2017-11-04 03:28:26

标签: javascript jquery

我想知道如何多次提交表单,用一个按钮打开多个标签。 我的代码在这里:

<form action="?" id="form1" target="_blank">
  <a class="btn" href="javascript:;"  onclick="submit_form();return false;">Submit</a>
</form>
<script>
function submit_form() {
   for (i=1;i<5;i++) {
     document.form1.id.value = i;  // id is field to send data to server
     document.form1.submit();
   }
}
</script>

我想点击a.btn然后逐个提交并打开多个标签页。 但是,表单只需提交最后一个ID,然后只打开一个选项卡。

1 个答案:

答案 0 :(得分:0)

问题是你是同步做的。您可以尝试使用setTimeout()将每个提交内容放入其自己的&#34;主题&#34;:

for (i=1;i<5;i++) {
  setTimeout(function() {
    document.form1.id.value = i;  // id is field to send data to server
    document.form1.submit();
  }, 0);
}

也许,如果不起作用,您可以根据i进行延迟播放,例如

for (i=1;i<5;i++) {
  setTimeout(function() {
    document.form1.id.value = i;  // id is field to send data to server
    document.form1.submit();
  }, i * 100);
}

每次提交将在前一次提交后延迟100ms