Java SpringBootでコンボボックスの初期値を指定する方法

Question

SpringBootでHTMLにコンボボックスを初期値を指定して表示

SpringBootでHTMLにコンボボックスを表示したいのですが、その際コンボボックスの初期値を指定したいです。（最初に選択されてる値）
現状だと先頭の値が指定されてる状態です。
ご教授いただければと思います。

発生している問題・エラーメッセージ

該当のソースコード(必要な箇所だけ抜粋してます)

@Controller
public class UserTopController {
	
	private static Map<String, String> getSelectedItems =
		    Collections.unmodifiableMap(new LinkedHashMap<String, String>() {
		    {
		      put("1", "radio_1");
		      put("2", "radio_2");
		      put("3", "radio_3");
		      put("4", "radio_4");
		      put("5", "radio_5");
		    }
		  });

	//トップページ表示
	@GetMapping(path = "/user-top")
	public ModelAndView login(ModelAndView mav, Principal principal) {
		mav.addObject("selectItems", getSelectedItems);
		mav.setViewName("user-top");
		return mav;
	}
}

		<select id="singleSelect" name="selectedItem">
		     <option th:each="item : ${selectItems}" th:value="2" th:text="${item.value}" 
		     th:selected="${item.value} == *{selectedItem}">singleSelect</option>
		</select>

試したこと

HTMLのth:valueに値を指定しても先頭の値が初期値になってしまいます。

補足情報（FW/ツールのバージョンなど）

Java8
SpringBoot2.0
thymeleaf

Answer 1

	<select id="singleSelect" name="selectedItem">
		<option th:each="item : ${selectItems}"
			th:value="${item.key}"
			th:text="${item.value}"
			th:selected="${item.key} == 2">singleSelect</option>
	</select>

こちらであれば、Mapのkeyが 2 のものが表示されます。

つまり、select要素で th:value の指定はせず、option要素のth:selectedで判定させます。

ちなみに、リクエストパラメータの値でセレクトボックスの内容を切り替えたい場合は、少々特殊な表記 になります。

	<select id="singleSelect" name="selectedItem">
		<option th:each="item : ${selectItems}"
			th:value="${item.key}"
			th:text="${item.value}"
			th:selected="${item.key == param.selectedItem[0]}">singleSelect</option>
	</select>

リクエストパラメータの内容を取り出すのは、${param.パラメータ名}なのですが、これが実際は配列で扱われいるため、この表記になります。

Comments

[takahiro00]

おおー！できました！ありがとうございます！

Answer 2

こんな感じではないでしょうか?

<select id="singleSelect" name="selectedItem" th:field="*{selectedItem}">
  <option th:each="item : ${selectItems}" th:value="${item.key}" th:text="${item.value}" th:selected="${item.key==2}">singleSelect</option>
</select>

Comments

[A-pZ]

補足すると、th:value="2" にしてしまうと、セレクトボックスの内容が何を選んでも 2 になってしまいますので、th:value には、送信したい値を入れます。

[takahiro00]

euledgeさん、A-pZさんご回答ありがとうございます。
上記試してみたのですが、変わらず、先頭の値が初期値に入ってしまいます。。。。

[A-pZ]

> takahiro00さん
ん、ちょっと確認してみますね。

[takahiro00]

すみません・・・

[takahiro00]

解決しました！
ご回答いただきありがとうございます！