Teeda Archive

teedaでデータベースから取った値をセレクトボックスに入れ込む作業をしました。

以下のようなテーブルがあるとします。

OTSUKA_LIST
+-----------------+--------------------------+
|    SONG_ID    |     SONG_TITLE       |
|    　　　 1　　　　|   　 　さくらんぼ 　　     |
|     　　　2 　　 　| 　　 プラネタリウム 　　 |
+-----------------+--------------------------+

そして、これを以下のようなSQL文でデータを取ってきます。

●findOtsukaList
==========================================
SELECT
SONG_ID AS songId,
SONG_TITLE AS songTitle
FROM OTSUKA_LIST
==========================================

つぎに"SelectDto"というクラスを作ります。
そこに、labelとvalueという、変数を作ります。
●SelectDto.java
==========================================
private String label;

private String value;
==========================================

それを利用して、
PageClassで"otsukaItems"に値をぶっこみます。

●OtsukaAiPage
==========================================
public List<SelectDto> otsukaItems;
public String song;
==========================================

あとはそれをセレクトボックスのラベルとバリューに値を入れ込みループさせるだけ

=========================================
otsukaItems = new ArrayList<SelectDao>();
List<Map> otsukaList = this.dao.findOtsukaList();
for(int i; i < otsukaList.size(); i++){
    Map map = (Map)otsukaList.get(i);
    SelectDto select = new SelectDto();
    select.setLabel(map.get("songTitle").toString());
    select.setValue(map.get("areaId").toString());
    areaItems.add(select);
}
=========================================

HTMLには
=========================================
<select name="select" id="song">
    <option>サンプル</option>
</select>
=========================================
のようにSelectにidを振ると

以下のようなソースで返ってきます。
=========================================
 <select name="select" id="song">
       <option value="1">さくらんぼ</option>
       <option value="2">プラネタリウム</option>
 </select>
=========================================

いや～勉強になった。

今後も使うかもしれないのでメモ。