モーダルウィンドウでformをsubmitする方法

Question

モーダルウィンドウ上でformの内容をsubmitしたいんですがうまくいきません。

https://teratail.com/questions/31382

↑これを参考に
$('ボタンのID').click(function() { $('submitさせたいフォームのID').submit(); });

でやってみたんですが、送信されませんでした。

ちなみにモーダルウィンドウの部分をタブで開いて送信するといけます。

やり方や参考サイトなどを教えていただければと思います。

Comments

[m.ts10806]

まずは自身が書かれたコードを質問に記載してください。参考先はあくまで参考先です。今実行しているコードは自身が書いたコードです。そのコードで問題が起きているので、そのコードを提示してください。

Answer 1

$('ボタンのID').click(function() { $('submitさせたいフォームのID').submit(); });

を動かすには

まず jQuery が必要です。
もしすでに入っている場合に、フォームのIDが hogehoge_form 、ボタンのIDが submit_button なら

$("#submit_button").click(function() { 
  $("#hogehoge_form").submit(); 
});

で実行できます。
また、動的に作成されたボタンでクリックイベントを取得したい場合は

$("body").on("click", "#submit_button", function() { 
  $("#hogehoge_form").submit(); 
});

のようにon関数でclickイベントを作成します。

※クリックイベントなので、ボタンをクリックしたら実行されます。