フォームを送信し、ボタンをクリックした後に別のページにジャンプするには、JavaScript を使用して送信動作とページ ジャンプを制御できます。
まず、ボタンにクリック イベント リスナーを追加し、イベント ハンドラーでフォームの送信とページへのジャンプの操作を実行する必要があります。
サンプルコードは次のとおりです。
```html
<form id="myForm" action="submit-page.php" method="POST">
<!-- 表单内容 -->
<button id="submitButton" type="button">提交< /ボタン>
</フォーム>
<script>
document.getElementById("submitButton").addEventListener("click", function(e) { // フォーム送信のデフォルト動作を防止します e.preventDefault();
// フォームを送信
document.getElementById("myForm").submit();
// 別のページにジャンプします
window.location.href = "another-page.php";
});
</script>
```
上記のコードでは、まずクリック イベント リスナーがボタンに追加されます。イベント ハンドラーでは、`e.preventDefault()` を使用して、ボタンがクリックされた後にデフォルトでフォームが送信される動作を防止します。次に、`document.getElementById("myForm").submit()` を使用してフォームの送信をトリガーします。最後に、「window.location.href」を介してページを別のページにリダイレクトします。
`submit()` メソッドを使用してフォームを送信すると、フォームに設定された `action` および `method` 属性によって指定された送信動作がトリガーされることに注意してください。実際に処理のためにバックエンドに送信する必要がない場合は、ボタンの `type` プロパティを `submit` の代わりに `button` に設定できます。