Question

我的html文件中有两个表单。他们都是通过一个按钮提交的。我可以用这个按钮连接两个表格吗？就像是 <button form="firstFormId secondFormId"> Save </button>。它会有意义吗？

Answer 1

你有多种解决方案可以做到这一点，如果您正在使用它，我会使用javascript，甚至更好的jQuery。

如果您不使用jquery，使用javascript可以执行以下操作：

在页面中的某处放置一个＆＃34;提交＆＃34;链接：

<a href="javascript: submitform()">Submit</a>

为每个表单指定一个唯一的名称，让我们说＆＃34; myform1＆＃34;和＃34; myform2＆＃34;。然后在您的页面中包含以下内容：

<script type="text/javascript">
    function submitform(){
          document.myform1.submit(); // submit form 1
          document.myform2.submit(); // submit form 2
    }
</script>

在将名称分配给表单后，您可以简单地放置以下链接，而不是调用外部函数，以使事情尽可能简单：

<a href="javascript: document.myform1.submit();document.myform2.submit();">Submit</a>

如果你正在使用jQuery，我建议这样做，你可以简单地将一个给定的类分配给两个表单，让我们说＆＃34; submit-me＆＃34;然后添加到您的代码中：

$('.submit-me').submit()

在上述所有内容中，我肯定会建议最后一个依赖于jQuery。它易于维护，可重用（意味着它可以应用于任何具有类submit-me的表单，并且所有工作都由jQuery完成。请注意，在所有示例中，您不再需要＆＃34; classic＆＃34;提交表格按钮。

未经测试，但我希望它能做到所需！： - ）

Button中的HTML表单属性

1 个答案: