<select>のvalueについて。

Question

前提・実現したいこと

プルダウン表示のvalue属性についてです。現在value値が商品名になってしまっているのですが、tableタグで商品idから呼び出しているため、value値を商品idでプルダウンでは商品名で表示するようにしたいです。
value="${idList}"
このようにvalue値を定義しているのになぜ商品名になってしまうのでしょうか。

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

<option value="{A00101, A00201, A00301, A00401, A00501, B00101, B00201, B00301, C00101, C00201, C00301, C00401, C00501}" value="油性ボールペン">油性ボールペン</option>
このようにvalue値が2個ですべての商品のidが与えられて表示されてしまっています。

該当のソースコード

SalesSystemController.java

@Controller
@RequestMapping(value = "/system")
public class SalesSystemController {

	private static final Logger logger = LoggerFactory.getLogger(SalesSystemController.class);

	/** Stringの定数として次の6つを定義する */
	private static final String INIT = "init";
	private static final String ADD = "add";
	private static final String FIX = "fix";

	private static final String ERRMSG = "1以上の数字を入力してください。";
	private static final String ADDMSG = "明細に追加しました。";
	private static final String FIXMSG = "以下のように売上登録しました。";
	private static final String DELETE = "選択された明細行を削除しました。";
	private static final String REMOVE = "明細行を選択してください。";



	/** 初期画面を呼び出す処理 */
	@RequestMapping(value = "/start")
	public String init(SalesForm form, Model model) {
		/** RecordManagerにItemListを格納する */
		model.addAttribute("ItemList", RecordManager.getItemList());
		/** RecordManagerにNameListを作成する */
		model.addAttribute("nameList", RecordManager.makeNameList());
		return INIT;
	}

	/** 初期画面での明細追加押下時の処理 */
	@RequestMapping(params = "add", method = RequestMethod.POST)
	public String add(@Valid @ModelAttribute("salesForm") SalesForm form, BindingResult result, Model model) {

		logger.info("Post : " + form.getQuantity());

		/** 1の数字以外または未入力のときエラーとして処理 */
		if (result.hasErrors()) {
			/** RecordManagerにNameListを作成する */
			model.addAttribute("nameList", RecordManager.makeNameList());
			/** エラーメッセージの表示 */
			model.addAttribute("message1", ERRMSG);
			/** 初期画面へ */
			return INIT;
		}
		/** 1以上のとき正常処理 */
		else {
			/** RecordManagerのselectItemにidとquantityを格納 */
			model.addAttribute("allList", RecordManager.selectItem(form.getId(), form.getQuantity()));
			/** RecordManagerにNameListを作成する */
			model.addAttribute("nameList", RecordManager.makeNameList());
			/** QuantityにaddDataを格納 */
			model.addAttribute("addData", form.getQuantity());
			/** 明細追加完了のメッセージを表示 */
			model.addAttribute("message2", ADDMSG);
			/** 売上に合計金額を表示 */
			model.addAttribute("total", RecordManager.getTotal());
			/** 明細追加画面へ */
			return ADD;
		}
	}

Recordmnager.java

public final class RecordManager<selectList> {

	/** 商品データ */
	private static List<Item> list = new ArrayList<>();
	private static List<Item> selectList = new ArrayList<>();
	private static Item item;
	/** totalを定義 */
	private static int total = 0;
	private static long salesId;
	private static int pos;

	static {
		list.add(new Item("A00101", "油性ボールペン", 60, 0, 0));
		list.add(new Item("A00201", "極細ボールペン", 120, 0, 0));
		list.add(new Item("A00301", "蛍光ペン６色セット", 420, 0, 0));
		list.add(new Item("A00401", "シャープペンシル", 100, 0, 0));
		list.add(new Item("A00501", "鉛筆H（１ダース）", 400, 0, 0));
		list.add(new Item("B00101", "無線綴ノートA4", 100, 0, 0));
		list.add(new Item("B00201", "リングノートA4", 120, 0, 0));
		list.add(new Item("B00301", "領収書", 350, 0, 0));
		list.add(new Item("C00101", "はさみ（青）", 128, 0, 0));
		list.add(new Item("C00201", "ステープラー", 338, 0, 0));
		list.add(new Item("C00301", "２穴パンチ", 128, 0, 0));
		list.add(new Item("C00401", "ゼムクリップ", 98, 0, 0));
		list.add(new Item("C00501", "消しゴム", 58, 0, 0));
	}

	/** 商品名 */
	public static List<Item> selectItem(String id, int quantity) {

		for (int i = 0; i < list.size(); i++) {

			if (id.equals(list.get(i).getId())) {
				// System.out.println(i);
				/** Itemを再定義 */
				Item item = new Item(id, list.get(i).getName(), list.get(i).getPrice(), quantity,
						quantity * list.get(i).getPrice());

				selectList.add(item);

				/** xを定義 */
				int subtotal = quantity * list.get(i).getPrice();
				total = total + subtotal;

				break;
			}

		}

		return selectList;

	}

	/** nameListの作成 */
	public static String[] makeNameList() {
		String[] nameList = new String[list.size()];
		for (int i = 0; i < list.size(); i++) {
			nameList[i] = (list.get(i)).getName();
		}
		return nameList;
	}
	/** idListの作成 */
	public static String[] makeIdList() {
		String[] idList = new String[list.size()];
		for (int i = 0; i < list.size(); i++) {
			idList[i] = (list.get(i)).getId();
		}
		return idList;
	}

init.jsp

<body>
	<form:form modelAttribute="salesForm" action="/sales/system">
		<div class="header">
			<span class="titleName">直太郎オンラインショップ</span>
			<div class="date"><%=LocalDate.now()%></div>
		</div>

		<div class="main">
			<div>
				商品:
				<form:select path="id">

					<form:option path="id" value="${idList}" />
					<form:options items="${nameList}"/>

				</form:select>
				<br />
			</div>
			<div>
				<span class="itemQuantity">点数:</span>
				<form:input path="quantity" size="20" />
			</div>
		</div>

		<div class="footer">
			<input type="submit" name="add" value="明細追加" />
		</div>
		<br>
		<div class="message">
			<font color="#ff0000"> <c:out value="${message1}" />
			</font>
			<font color="#1e90ff"> <c:out value="${message2}" />
			</font><br>
		</div>
	</form:form>
</body>

add.jsp

<body>
	<form:form modelAttribute="salesForm" action="/sales/system">
		<div class="header">
			<span class="titleName">直太郎オンラインショップ</span>
			<div class="date"><%=LocalDate.now()%></div>
		</div>
		<div class="main">
			<div>
				商品:
				<form:select path="id">

					<form:options value="${idList}" items="${nameList}"/>

				</form:select>

				<br />
			</div>
			<div>
				<span class="itemQuantity">点数:</span>
				<form:input path="quantity" size="20" />
			</div>

			<div class="add">
				<div>
					<input type="submit" name="addition" value="明細追加" />
				</div>
			</div>
		</div>

	<br>
	<div class="message">
		<font color="#ff0000"> <c:out value="${message1}" />
		</font>
		<font color="#1e90ff"> <c:out value="${message2}" />
		<font color="#1e90ff"> <c:out value="${message4}" />
		</font>
		</font>
		<font color="#ff0000"> <c:out value="${message5}" />
		</font>
	</div>
	<br>



			<div class="">
				<span class="details">売上明細</span>

				<table class="product">

					<tr>
						<th>削除</th>
						<th>商品ID</th>
						<th>商品名</th>
						<th>単価</th>
						<th>点数</th>
						<th>小計</th>
					</tr>
					<c:forEach items="${allList}" var="allList" varStatus="status" >
						<tr>
							<th class="itemradiobtn">
							<form:radiobutton path="name" name="pos" label="" value="${status.index}" /></th>
							<th class="id">${allList.id}</th>
							<th class="name">${allList.name}</th>
							<th class="price">${allList.price}</th>
							<th class="quantity">${allList.quantity}</th>
							<th class="subtotal">${allList.subtotal}</th>
						</tr>
					</c:forEach>
				</table>
			</div>

			<div class="total">
				合計：
				<fmt:formatNumber groupingUsed="true">
				<c:out value="${total}" />
				</fmt:formatNumber>
				円
			</div>


		<div class="footer">

			<input type="submit" name="remove" value="削除"
				onclick="remove_row(this)" /> <input type="submit" name="firm"
				value="確定" />
		</div>

	</form:form>

</body>

試したこと

nameListと同様にidListを作成してnameListとidListを入れ替えてみましたがプルダウンとvalue値ともに入れ替わってしまいました。

    /** idListの作成 */
    public static String[] makeIdList() {
        String[] idList = new String[list.size()];
        for (int i = 0; i < list.size(); i++) {
            idList[i] = (list.get(i)).getId();
        }
        return idList;
    }

こんな感じで作成しました。。

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

clipse Java EE IDE for Web Developers.
Version: Mars.2 Release (4.5.2)
ローカルホストTomcat8ここにより詳細な情報を記載してください。

Answer 1

items属性1つでvalue値とラベルに使うリストを設定できるところを、さらにvalueに全IDのリストを突っ込んでいる為、そのような事象になっています。

<form:options value="${idList}" items="${nameList}"/>

これを

<form:options items="${list}" itemLabel="name" itemValue="id"/>

とすると、HTMLとしては

<option value="list(n).id">list(n).name</option>

という感じに展開されます。

※Itemの定義が分からないで便宜上フィールド名をnameとidとしましたが実際に合わせて下さい
※もしくはそれようのクラスを定義しても良いです