javascriptで設定した年月日プルダウンに、DBから取得した年月日を反映させる方法

jspで作成した画面にセレクトボックスがあり、javascriptで現在の年月日を取得し表示するように設定しております。
年月日は初期表示は現在の年月日で、他うるう年対応、月によって末日の表示を変化させる処理をし、過去３年分の表示が可能となっております。

html
1<tr>
2 <td>
3   <select name="year" onchange="javascript処理()"></select>年
4   <select name="month" onchange="javascript処理()"></select>月
5   <select name="day"></select>日

上記が「情報登録画面」で、年月日を選択し、servletを経由してDBに登録し、一覧画面へ表示します。
行いたいことは更新で、
情報登録画面→一覧表示画面（更新ボタンあり）→そこから更新したい項目を選択しボタンを押下→情報登録画面に選択した項目の年月日を反映→再度設定→更新
という流れです。
分からないのは、
DBから取得した年月日を、上記のjavascriptの機能を残しつつ、どうやって更新選択した項目の「年月日」を表示させるのかが分かりません。
どなたかアドバイス頂けないでしょうか
どうぞよろしくお願い致します。

kei344

2016/07/10 04:23

具体的にJSP/JavaScriptを質問文に追記いただいたほうが回答を得られやすいと思います。

kaz.Suenaga

2016/10/20 12:09

https://teratail.com/questions/history-questions/40641

行動規範の内容に同意します

回答1件

ベストアンサー

JSPのJavaScript内でもEL式の値は出力できます。年だけ実装したものをご参考までに。

java
1package sample;
2
3import java.io.IOException;
4
5import javax.servlet.ServletException;
6import javax.servlet.annotation.WebServlet;
7import javax.servlet.http.HttpServlet;
8import javax.servlet.http.HttpServletRequest;
9import javax.servlet.http.HttpServletResponse;
10
11/**
12 * Servlet implementation class CalendarServlet
13 */
14@WebServlet("/CalendarServlet")
15public class CalendarServlet extends HttpServlet {
16	private static final long serialVersionUID = 1L;
17
18
19	/**
20	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
21	 */
22	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
23		request.setAttribute("selectYear", 2016);
24		
25		request.getRequestDispatcher("/calendar.jsp").forward(request, response);
26	}
27}

html
1<%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8"%>
3<!DOCTYPE html>
4<html>
5<head>
6<script>
7window.onload = function() {
8  var yearOptions = document.getElementById("year");
9  
10  var selectYear = ${selectYear};
11  
12  for ( i=0;i<yearOptions.length;i++ ) {
13  	if ( yearOptions[i].value == selectYear ) {
14  	  yearOptions[i].selected = true;
15  	}
16  }
17}
18</script>
19</head>
20<body>
21<form>
22<select id="year">
23  <option value="2014">2014</option>
24  <option value="2015">2015</option>
25  <option value="2016">2016</option>
26  <option value="2017">2017</option>
27</select>
28</form>
29</body>
30</html>