セレクトボックスの値を変更した直後にPOSTでデータを送信したい

Question

以下のコードでセレクトボックスで値を変更した直後にchangeOneAnswer()メソッドを実行したいのですが、
changeOneAnswer()が実行されません。(echoで実行されていないことを確認しました)
コードでどこか原因がありましたらご教示いただけたら幸いです。

値の変更直後、ブラウザは再描画されサブミットされている感じはするのですが、
何も変化はありません。

【開発環境】
Xampp
Laravel Framework 6.16.0
PHP 7.4.1

<form method="POST" action="{{ route('changeOneAnswer') }}" id="one_answer_form">
　<select onchange="submit(this.form)" name="one_answer" id="one_answer">						
　　@foreach(\App\Enums\Answer::toSelectArray() as $k => $v)
　　　<option value="{{ $v }}" {{ mb_strtolower($user->one_answer) == $v ? 'selected' : '' }}>{{ ($k) }}</option>
　　@endforeach
　</select>
</form>	

    public function changeOneAnswer($one_answer)
    {
    	$user = Auth::user();
    	$aa = Aassociation::find($user->aa_id);
        $user->one_answer = one_answer;
        $user->save();
        return view('home',['user' => $user, 'aa' => $aa]);
    }

Route::group(['middleware' => 'auth:user'], function() {
    Route::post('home/changeOne', 'HomeController@changeOneAnswer')->name('changeOneAnswer');
});

Comments

[m.ts10806]

echoよりdd()で止めて確認してみてください。

[ssyk]

コメントありがとうござます！
Controller::changeOneAnswer()内でdd($one_answer);を記述して実行しましたが、画面は何も変わらずでした。（セレクトボックス変更直後にブラウザの再描画動作が発生しますが）

[m.ts10806]

１個試してもらいたいです。
普通にsubmitボタンおいてボタン押したらどうなるか

[ssyk]

ありがとうございます！ご指摘いただいたとおり
submitボタンを配置して実行したところうまく動作しなかったので
調査しました！

以下の２点を変更したら動作するようになりました。

・<form>タグの下に@csrfを記述する。
・Controllerのメソッドの引数を$one_answerからRequest $requestに変更し、メソッド内部で$request->one_answerのように呼び出す。

ボタンで動作することを確認してからボタン以外でサブミットをさせるという調査方法がとても学びになりました！！！本当にありがとうござます！！！

Answer 1

以下の２点を変更したら動作するようになりました。

・<form>タグの下に@csrfを記述する。
・Controllerのメソッドの引数を$one_answerからRequest $requestに変更し、メソッド内部で$request->one_answerのように呼び出す。

<form method="POST" action="{{ route('changeOneAnswer') }}" id="one_answer_form">
 @csrf
　<select onchange="submit(this.form)" name="one_answer" id="one_answer">                        
　　@foreach(\App\Enums\Answer::toSelectArray() as $k => $v)
　　　<option value="{{ $v }}" {{ mb_strtolower($user->one_answer) == $v ? 'selected' : '' }}>{{ ($k) }}</option>
　　@endforeach
　</select>
</form> 

 public function changeOneAnswer(Request $request)
    {
        $user = Auth::user();
        $aa = Aassociation::find($user->aa_id);
        $user->one_answer = $request->one_answer;
        $user->save();
        return view('home',['user' => $user, 'aa' => $aa]);
    }

Comments

[m.ts10806]

下記は根拠資料です。ドキュメントは必須ですね。
https://readouble.com/laravel/6.x/ja/routing.html?header=CSRF%25E4%25BF%259D%25E8%25AD%25B7
>webルートファイル中で定義され、POST、PUT、DELETEルートへ送信されるHTMLフォームはすべて、CSRFトークンフィールドを含んでいる必要があります。含めていないと、そのリクエストは拒否されます。

[ssyk]

ありがとうございます！そもそもそういった仕様だったのですね・・

Answer 2

環境によりますが

onchange="submit(this.form)"

onchange="this.form.submit()"

とか？

Comments

[ssyk]

コメントありがとうございます。
変更したところ挙動は変わりませんでした。