javascript - 如何在chrome中提交javascript表单

Question

您好我在 JavaScript、jQuery 和 MVC 应用程序中工作。

document.forms['shipform'].submit();

在这里，我像这样提交我的表格。
在这个页面中我总共有三个表格。
这是我的表格：

<% using (Html.BeginForm("OrderShipments", "Shipments", FormMethod.Post, new { @id = "shipform" })) // Creates <form>
{%>
    <input type="hidden" id="Hiddenid" name="orderId" />
    <input type="submit" value="book" style="display: none" />
<%} %>

它不适用于 Chrome，但它适用于 Firefox。

document.forms[0].submit();

forms[0]如果我在单页中有三个表单，我会使用哪种表单？

Answer 1

您拥有的代码将根据其名称提交表单：

 document.forms['shipform'].submit();
                ^^^ form name not ID

如果您想通过 ID 提交表单，请使用：

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

或 jQuery：

$('#shipform').submit();

Answer 2

如果你使用 jQuery，你可以这样做：

$('#shipform').submit();

假设代码输出一个表单ID="shipform"

<form id="shipform"></form>

• http://api.jquery.com/submit/

Answer 3

您可以使用“获取”表单getElementById()，然后submit()：

document.getElementById("shipform").submit();

这应该以您的形式发送。
（假设您的表单上的{ @id = "shipform" }设置为）id"shipform"

如果您使用forms[0]，它应该使用页面上的“第一个”表单，即在您的 html 中首先加载的表单。