質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Thymeleaf

Thymeleaf(タイムリーフ)とは、Java用のテンプレートエンジンで、特定のフレームワークに依存せず使用することが可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

5996閲覧

Thymeleaf プルダウンで選択された値を 取得したい

kikirara

総合スコア4

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Thymeleaf

Thymeleaf(タイムリーフ)とは、Java用のテンプレートエンジンで、特定のフレームワークに依存せず使用することが可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2021/11/05 03:17

編集2021/11/05 06:49

前提・実現したいこと

SpringBootのThymeleafを使用して、プルダウンリストで選択された値を
取得したいです。

実現したい画面は、プルダウンリスト、検索ボタン、検索結果の一覧
があります。
動作したい内容は、
①プルダウンリストから一つ選択
②検索ボタン押下
③検索結果を一覧表示する
です。
②検索ボタン押下時に①で選択された値の取得方法をご教授ください。

該当のソースコード

html

1<tr> 2 <th width="80">グループ名</th> 3 <td class="left" width="100"> 4 <div> 5 <select id="group_id" name="group_id"> 6 <option value=""></option> 7 <option th:each="grouplist : ${grouplist}" th:value="${grouplist.group_id}" th:text="${grouplist.group_name}"></option> 8 </select> 9 </div> 10 </td> 11 <td width="110" class="nonp">&nbsp;</td><td width="10" class="nonp">&nbsp;</td> 12 <td width="110" class="nonp">&nbsp;</td><td width="10" class="nonp">&nbsp;</td> 13 <td width="110" class="nonp">&nbsp;</td><td width="10" class="nonp">&nbsp;</td> 14 <td width="110" class="nonp">&nbsp;</td><td width="10" class="nonp">&nbsp;</td> 15 <td width="110" class="nonp">&nbsp;</td> 16 <td width="110" class="nonp"><a th:href="@{/userList/search}"><img src="../../../images/btn_kensaku.gif" alt="検索" class="imgBtn"></a></td><td width="10" class="nonp"/></span></td> 17</tr> 18</table> 19</td> 20</tr> 21<tr> 22<td><hr width="950" align=left /></td> 23</tr> 24<tr> 25<td> 26<table width="933" cellpadding="0" cellspacing="0"> 27<tr> 28 <td> 29 検索結果:<span th:text="*{count}"></span>30 </td> 31</tr> 32<tr> 33 <td> 34 <div style="width:900px"> 35 <table cellpadding="0" cellspacing="0"> 36 <col style="width:70px"/> 37 <col style="width:120px"/> 38 <col style="width:100px"/> 39 <col style="width:70px"/> 40 <col style="width:120px"/> 41 <col style="width:120px"/> 42 <col style="width:120px"/> 43 <col style="width:90px"/> 44 <col style="width:70px"/> 45 <tr> 46 <th class="list">ログインID</th> 47 <th class="list">氏名</th> 48 <th class="list">権限</th> 49 <th class="list">グループID</th> 50 <th class="list">グループ名</th> 51 <th class="list">最終ログイン日</th> 52 <th class="list">パスワード更新日</th> 53 <th class="list">状態</th> 54 <th class="list"></th> 55 </tr> 56 </table> 57 </div> 58 </td> 59</tr> 60<tr> 61 <td> 62 <div style="height:351px; overflow-y:scroll;width:900px"> 63 <table class="line" cellpadding="0" cellspacing="0" width="880px"> 64 <col style="width:70px"/> 65 <col style="width:120px"/> 66 <col style="width:100px"/> 67 <col style="width:70px"/> 68 <col style="width:120px"/> 69 <col style="width:120px"/> 70 <col style="width:120px"/> 71 <col style="width:90px"/> 72 <col style="width:70px"/> 73 <tr th:each="userlist : ${userlist}" th:object="${userlist}" > 74 <td class="left"><span th:text="*{userid}"/></td> 75 <td class="left"><span th:text="*{user_name}"/></td> 76 <td class="left" th:if="*{permit} eq 'A'"><span th:text='管理者' /></td> 77 <td class="left" th:if="*{permit} neq 'A'"><span th:text='利用ユーザ'/></td> 78 <td class="left"><span th:text="*{groupid}"/></td> 79 <td class="left"><span th:text="*{bumon_name}"/></td> 80 <td class="left"><span th:text="${#dates.format(userlist.last_login, 'yyyy/MM/dd')}"/></td> 81 <td class="left"><span th:text="${#dates.format(userlist.pswd_date, 'yyyy/MM/dd')}"/></td> 82 <th:block th:switch="*{activate}"> 83 <td th:case="A" class="left"><span th:text="サービス中"/></td> 84 <td th:case="S" class="left"><span th:text="利用停止中"/></td> 85 <td th:case="X" class="left"><span th:text="利用廃止"/></td> 86 </th:block> 87 <td class="center"><a th:href="@{/userList/{userid}/userEdit(userid=*{userid})}" class="btn btn-secondary"><img src="../images/btn_select_mini.gif" alt="選択" class="imgBtn"></a></td> 88 </tr> 89 </table> 90 </div> 91 </td> 92</tr> 93</table> 94</td> 95</tr> 96</table> 97</div> 98</form> 99</body> 100</html>

java

1 2 @Autowired 3 HttpSession session; 4 @Autowired 5 UserService userService; 6 @Autowired 7 GrpttlService grpttlService; 8 9 @GetMapping(value = "/userList/search") 10 public String search(Model model) { 11 model.addAttribute("loginname",session.getAttribute("user_name")); 12 List<UsysUser> userList = userService.findByGroupid(grouplist.group_id); 13 model.addAttribute("count", userList.size()); 14 model.addAttribute("userlist", userList); 15 List<UsysGrpttl> groupList = grpttlService.findAll(); 16 model.addAttribute("grouplist", groupList); 17 return "userList"; 18 }

java

1 @Autowired 2 UserRepository userRepository; 3 public List<UsysUser> findByGroupid(String groupid) { 4 return userRepository.findByGroupid(groupid); 5 }

試したこと

<select id="group_id" name="group_id">の部分を
<select th:field="*{group_id}">にして、値を取得しようとしましたが、
エラーになり取得することができませんでした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/11/05 04:09

コードはマークダウンのcodeにてご提示ください
m.ts10806

2021/11/05 04:11

プルダウン以外の項目が取れますか?(取れるなら明白ですし、リクエストの扱いを知ってるかどうかのWebの基礎だと思います)
kikirara

2021/11/05 06:44

初めての質問のため、マークダウンの使い方がわかっていませんでした。 見にくくて申し訳ありませんでした。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問