1. ホーム
  2. ジャバスクリプト

[解決済み】JavaScriptを使用してフォームを送信するにはどうすればよいですか?

2022-04-03 09:13:31

質問

フォームのIDは theForm で、その中に送信ボタンがある以下のようなdivがあります。

<div id="placeOrder"
     style="text-align: right; width: 100%; background-color: white;">
    <button type="submit"
            class='input_submit'
            style="margin-right: 15px;"
            onClick="placeOrder()">Place Order
    </button>
</div>

クリックされると、関数 placeOrder() が呼び出されます。この関数は、上記の div の innerHTML を "processing ..." に変更します(つまり、サブミットボタンがなくなりました)。

上記のコードは動作しますが、問題は、フォームを送信できないことです。このコードを placeOrder() 関数を使用します。

document.theForm.submit();

しかし、これではうまくいきません。

どうすればフォームを送信できるようになりますか?

解決方法は?

を設定します。 name 属性は、フォームの "theForm" をクリックすると、あなたのコードが動作します。