如何在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()其submit() ：

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

這應該以您的表格發送。
（假設{ @id = "shipform" }將表單上的id設置為"shipform" ）

如果您使用forms[0] ，則它應使用頁面上的“第一個”表單，因此在html中首先加載的表單。