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が決定される!!
マジでためになった、ただのメモ。