Thymeleafでセレクトボックスの値が変更された瞬間にその値をFormに入れてSpringBoot側で受け取りたい

Question

前提・実現したいこと

初めて質問します。さらにSpringBoot、Thymeleaf共に初心者であるため、色々と不手際があるかと思いますが、寛大な目で見ていただければと思います。

私は、SpringBootとThymeleafを使ってアプリケーションを開発しているものです。

セレクトボックスがあり、値を変更した瞬間に、Formにセレクトボックスの値を入れる処理を行いたいと考えています。

つまり、セレクトボックスの要素をクリックした瞬間に、その値をServer側(SpringBootのcontroller側)に渡してページを再描画したいということです。

ボタンを押下した際にセレクトボックスの値をFormに入れてサーバー側で取得するということはできているのですが、セレクトボックスをクリックした瞬間にFormに入れてサーバー側に渡すという処理ができない状態です。

JavaScriptを利用するのかと思っていますが、どのような実装をすれば良いのか皆目検討がつきません…

皆様の知恵をお借りできたら幸いです。

拙い文章で申し訳ありませんが、よろしくお願いします。

Answer 1

プルダウンにonchange設定して、ajaxでサーバー連携してコールバックで再描写に必要な処理入れればいいです。

Comments

[Sakura_miku]

ajaxを利用することでうまく実装出来ました！

ありがとうございました！

[退会済みユーザー]

解決お疲れ様でした。

Answer 2

「クリックした瞬間(onclick)」では値が選択前のものになる可能性もあります。
「選択後」を得るためには「変更(onchange)」です。

「javascript セレクトボックス　変更　取得」とかで検索すると出てくる情報で対応可能です。
ので、考えるのも良いことですが、調べましょう。

Thymeleafは本質的には関係ありません。
あくまでテンプレートエンジンであり、ブラウザ上に表示したときにはth関係のタグは全て変換されますし、HTMLとJavaScriptだけの話です。
「Formにセレクトボックスの値を入れる処理」もやりたいこと次第です。内容次第では通信不要ではないでしょうか。やはり内容次第です。