LoginSignup
0
0

More than 1 year has passed since last update.

【Laravel】Bladeでボタンを押したときにFormファサードのrouteを決定するJSの処理

Posted at

Bladeでボタンを押したときにモーダルが開く

「はい」か「いいえ」を選択して
「はい」ならフォームファサードで指定したURLに遷移させる処理を書きたかった。

ここで問題なのはforeach文の中に
モーダル開くボタンが書かれていることで

モーダル開くボタンがたくさん存在する状況ということ。
マジふざけんなと思った。

モーダルで送信した情報をフォームファサードで送信する処理

{{ Form::open(['id' => 'Form', 'method'=>'POST'])  }}

モーダルの処理
モーダル内でのsubmit

{{ Form::close() }}

BladeのJS部分

<script>
        const modal = document.getElementById('modal名');

        $('.モーダル開くボタン').on('click', function () {

            const form = document.getElementById('Form');
            form.action = '遷移させたいURL';
        });

</script>

モーダル開くボタンにdata属性として情報を渡していたら
JSの中でその情報を取ってきて遷移したいURLに組み込むことも可能!!
これによってforeachでモーダル開くボタンがたくさんある場合でも
idなどで各モーダル開くボタンに情報を渡しておけば
ボタンを押したときにrouteが決定される!!

マジでためになった、ただのメモ。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0