[JavaScript] 新規に開いた画面にSubmitする

投稿日：2016年10月23日更新日：2018年5月2日

新規に開いた画面にSubmitするサンプルです。

サンプルソース

例）ボタンを押すと 1000×500px の画面を開き、そこにSubmitする

function doSubmit() {
    window.open("about:blank", "hoge", "width=1000,height=500");
    document.fm1.target = "hoge";  //TARGETをopen.window時のTARGETと合わせる
    document.fm1.submit();
}

function doSubmit() {

window.open("about:blank", "hoge", "width=1000,height=500");

document.fm1.target = "hoge"; //TARGETをopen.window時のTARGETと合わせる

document.fm1.submit();

}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Sample</title>
  <script src="sample.js"></script>
</head>
<body>
  <form name="fm1" action="xxx.php" method="post">
    <input type="text" id="txt1" value="hoge" />
    <input type="button" value=" 新規画面にSubmit " onclick="doSubmit();" />
  </form>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Sample</title>

</head>

<body>

</form>

</body>

</html>

実行サンプル

ボタンを押すと、新規画面を開いてそこにSubmitします。

※Submit先はテスト的に、当サイトのトップページとしています。

解説

"about:blank"は、空白のページを表示するという意味です。
open.windowで空の画面を開いて、JavaScriptでその画面に対してSubmitすることにより実現しています。
window.open時のオプションパラメータは、以下ページをご覧ください。
「サブウィンドウを開く（window.open）」

執筆者：とら