【JavaScript】プルダウンメニューの値の保持

Question

JSP・Servletを使い、入力フォームを作成しています。

フォーム送信後、入力不備で、自画面遷移した場合の、値の保持がうまくいきません。

textの入力値の保持は、できていますが、プルダウンメニューの値の保持方法がわかりません。

optionタグにselectedを追加することで、選択状態になることはわかるのですが、
自画面遷移した時に、どう追加すればよいのかがわかりません。

//フォーム送信後プルダウンメニューのvalueの値をServletから取得
<% int fruitsId = (int)request.getAttribute("fruit"); %>

<select id="fruits">
　　<option value='' >選択してください</option>
　　<option value="1" >りんご</option>
　　<option value="2" >ぶどう</option>
　　<option value="3" >みかん</option>
</select>

<script type="text/javascript">
　　function selectChange(){
　　　　//自画面遷移時にselectedを追加したい。
　　}
</script>

Answer 1

実機で動作確認はできていませんが、このような感じでいかがでしょうか。

<input type="hidden" id="hidden_fruitId" value="<%= (int)request.getAttribute('fruit'); %>">

javascriptにスクリプトレットを埋め込めないため、一度hidden属性のフォームに値をセットしたあとjavascriptから取得しています。
参考：JSP→Javascript→サーブレットと値を渡したい

    function selectChange(){
		// Servletから取得したID
		var id = document.getElementById("hidden_fruitId").value;
		// select要素
		var selectElem = document.getElementById("fruits");
		// option要素
		var options = selectElem.children;
		for (var i=0; i < options.length; i++) {
			// option要素のvalueとServletから取得したIDが同じ場合
			if (options[i].value==id) {
				// 選択する
				options[i].selected = true;
			}
		}
	}