form:select selctedの設定に関して

Question

###セレクトボックス状態の初期化
Springフレームワーク(Java, jsp)を用いたWEBシステムの開発をしています。

セレクトボックスの値の制御に関してなのですが、ページが変わるたびにセレクトボックスの選択状態を常に選択肢の一番上としたいと考えております。しかし、現状ではページが遷移しても前ページの選択状態が引き継がれてしまっています。(2番目や3番目になってしまっている。)

selected="selected" を form:foreachタグの中にあるc:ifタグにて制御して要件を満たそうと試みておりますが、状態が引き継がれてしまいます。

どのようなアプローチをすればよいでしょうか。よろしくお願いいたします。
(ただし、JavaScriptは使用しない)

###現在のソースコード

sampleController.java 必要な個所のみ記載
------------------------------------------------------------------------

//あるForm処理で呼び出されるメソッド
@RequestMapping(params = "add", method = RequestMethod.POST)
public String add(@Valid SampleForm form, BindingResult result, Model model){
    
    //productNameListは、String型の配列
    model.addAttribute("productList", productNameList);
    model.addAttribute("initProduct", "productNameListの一番上のアイテム名");
    return "sample";
}

------------------------------------------------------------------------

sample.jsp
------------------------------------------------------------------------
<form:select path="productName">
    <c:forEach  items="${productList}" var="product" varStatus="loop">
        <c:choose>
            <c:when test="${product == initProduct }">
                <form:option value="${product}" selected="selected"/>
            </c:when>
            <c:otherwise>
                <form:option value="${product}"/>
            </c:otherwise>
        </c:choose>
    </c:forEach>
</form:select>
------------------------------------------------------------------------

###補足情報(言語/FW/ツール等のバージョンなど)
Java8
springframework-version 4.1.7

Comments

[yuki-saito]

ページ遷移した際に再描画が走っているのですかね？引き継がれているということはselectedも一番上ではないところに付いたままだということでしょうか？

[Katsu-Ishii]

投稿ありがとうございます。仰る通りです。前ページで入力したアイテムのタグにselectedがついたままになっています。

Answer 1

  <form:select path="productName">
   <form:options items="${productList}"/>
  </form:select>

でやれば自動選択されませんでした？

Comments

[Katsu-Ishii]

自動選択されるのですが、前ページで選択されたアイテムにもselectが残り、そちらが優先されて表示されてしまいました。

Answer 2

初期表示でselectedが先頭についているのであればコードは正しいのではないかと思います。
まずはそこを確認してみてください。

その後別の選択肢を選んでselectedが移動したあとにページ遷移した時このサーバサイドの処理は動いているのでしょうか？
単純に動いていないから変わらないのではないかと思いました。

初期表示では正してできていて、ページ遷移でも動いているのに戻らないということはないような気がしますが・・・。

Comments

[Katsu-Ishii]

サーバサイドのformに値が設定されていないためでした。
助言に感謝いたします。

Answer 3

htmlとして、select タグは、selectedを指定しなければ、１番上が選択されます。

なので、スマートなやり方ではありませんが、それを利用して、modelのプロパティに何もセットしない、for eachで <option>タグを出力だけすれば、１番上（先頭）が選択されると思います。

Comments

[Katsu-Ishii]

回答ありがとうございます。

私もmodelプロパティに何もセットしなければ、一番上の(先頭)が表示されると考えていましたが、前ページで入力されたアイテムの<option>タグの中に selected が出てきてしまいます。

※なお質問内容に漏れていたのですが正常な動作での画面遷移の場合には、セレクトボックスの初期値を先頭のものにし、異常値が入力された場合のエラー処理では、選択されたものはそのまま引き継いで次ページに遷移させたいこともあり、毎度selectedを定義しています。記載漏れ失礼しました。

Answer 4

今回Springフレームワークを使用しているということで、addメソッドに渡しているformに値をセットすることで、目的を達成できました。

form.setProductName("productNameListの一番上のアイテム名");

なお、解答を頂いた皆様ありがとうございました。