Javascript 尝试使用onclick事件提交父窗体，但不起作用

我正在尝试提交父表单，使用“onclick”事件而不指定表单的id。这是有原因的。我使用webfont作为按钮，因此称为“span”

我的代码：

<form action="/Index" method="post">    <p>
    <span class="fa fa-arrow-circle-right" onclick="document.form.submit();" style="font-size:50px;cursor:pointer;"></span>  
    <input type="hidden" name="id" value="10000"/>     
</p>

这也没能奏效

---

请告诉我正确的代码是什么？

如果页面中只有一个表单，您可以使用

document.forms[0]。submit（）

。

---

如果您在同一页面上有多个表单，那么它将提交遇到的第一个表单。

是否还有其他表单

如果否，请尝试：“document.forms[0]。submit”

否则，请在表单中添加id

<form id="testForm" action='..'>...</form>

document.getElementById('testForm').submit();

。。。
document.getElementById（'testForm'）.submit（）；

您没有关闭表单元素

<form action="/Index" method="post">    
    <p>
    <span class="fa fa-arrow-circle-right" onclick="document.form.submit();" style="font-size:50px;cursor:pointer;"></span>  
    <input type="hidden" name="id" value="10000"/>     
    </p>
</form> /*This*/

/*这个*/

---

一旦您关闭表单，它就应该工作。

以下提交表单的策略将工作，即使在同一页面上有多个表单，但前提是您为每个表单提供唯一的id。

应提供一个

id

属性，以便可以使用给定的

id

针对特定对象，如下所示：

<form id="myFormId" action="/Index" method="post">
    <p>
    <span onclick="document.getElementById('myFormId').submit()" class="fa fa-arrow-circle-right" role="button" style="font-size:50px;cursor:pointer;"></span>  
    <input type="hidden" name="id" value="10000"/>     
    </p>
</form>

提交按钮有什么问题？不需要脚本。默认情况下，表单中只有表单控件（输入、文本区域等）具有表单属性。使用按钮元素时，如何使用webfont。webfonts由class属性激活。它们是“字体很棒”的。这就是我使用span标签的原因。RobG，我知道您来自哪里，我的大多数表单都使用按钮标签。然而，这是一个特殊的用例，用户需要webfont。不过，感谢您的智慧。OP可以使用表单中的按钮，然后

这个.form.submit（）

就可以了。但是如果没有脚本，它也可以工作

<form id="myFormId" action="/Index" method="post">
    <p>
    <span onclick="document.getElementById('myFormId').submit()" class="fa fa-arrow-circle-right" role="button" style="font-size:50px;cursor:pointer;"></span>  
    <input type="hidden" name="id" value="10000"/>     
    </p>
</form>