JSPの登録フォームで生年月日を入力すると年齢を自動的に出力させる方法

自己学習の成果物でアプリケーションを作成していまして、ユーザー登録の際に、生年月日を入力すると年齢入力のテキストボックス(valueに年齢が自動的に出力される)に年齢が出力される処理を実装したです。ネットなどで調べたり、参考書を見たりしても解決しなかったため、質問箱にて投稿させていただきます。イメージとしては、生年月日を入力したら、自動的に年齢のテキストボックスに年齢が出力される感じです。

register
1<%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8"%>
3
4<!DOCTYPE html>
5
6<html>
7	<head>
8		<meta charset="UTF-8">
9		<title>
10			勤怠管理システム－ユーザー登録
11		</title>
12		<link rel="stylesheet"href="${pageContext.request.contextPath}/design.css">
13	</head>
14
15	<body>
16
17		<header>
18			<h1 class="Header">
19			</h1>
20		</header>
21		<img src="C:\Users\NEC-PCuser\OneDrive\ドキュメント\4da458e3b610d9a579cf283dc817092b_t.jpeg" align="left"width="230" height="130">
22		<h1>
23			<span style="vertical-align:middle;">
24				&nbsp;&nbsp;&nbsp;勤怠管理システム&nbsp;&nbsp;ユーザー登録<br>
25				&nbsp;&nbsp;&nbsp;Attendance Management System
26			</span>
27		</h1>
28
29		<div id="left">
30		</div>
31		<div id="right">
32		</div>
33		<div id="top">
34		</div>
35		<div id="bottom">
36		</div>
37
38		<br>
39
40		<h2>
41			<center>
42				ユーザー情報を入力してください。
43			</center>
44		</h2>
45
46
47		<h2>
48			<center>
49				<form method = "POST" action="/Attendance_System/Topmenu/TopMenuServlet?action=register_end" name="form1" id="form1">
50                		生年月日：
51                		<select name="year" required="required" style="width: 100px; height: 30px;">
52							<option value="">-</option>
53							<option value="1900">1900</option>
54							<option value="1901">1901</option>
55							<option value="1902">1902</option>
56							<option value="1903">1903</option>
57							<option value="1904">1904</option>
58							<option value="1905">1905</option>
59							<option value="1906">1906</option>
60							<option value="1907">1907</option>
61							<option value="1908">1908</option>
62							<option value="1909">1909</option>
63							<option value="1910">1910</option>
64							<option value="1911">1911</option>
65							<option value="1912">1912</option>
66							<option value="1913">1913</option>
67							<option value="1914">1914</option>
68							<option value="1915">1915</option>
69							<option value="1916">1916</option>
70							<option value="1917">1917</option>
71							<option value="1918">1918</option>
72							<option value="1919">1919</option>
73							<option value="1920">1920</option>
74							<option value="1921">1921</option>
75							<option value="1922">1922</option>
76							<option value="1923">1923</option>
77							<option value="1924">1924</option>
78							<option value="1925">1925</option>
79							<option value="1926">1926</option>
80							<option value="1927">1927</option>
81							<option value="1928">1928</option>
82							<option value="1929">1929</option>
83							<option value="1930">1930</option>
84							<option value="1931">1931</option>
85							<option value="1932">1932</option>
86							<option value="1933">1933</option>
87							<option value="1934">1934</option>
88							<option value="1935">1935</option>
89							<option value="1936">1936</option>
90							<option value="1937">1937</option>
91							<option value="1938">1938</option>
92							<option value="1939">1939</option>
93							<option value="1940">1940</option>
94							<option value="1941">1941</option>
95							<option value="1942">1942</option>
96							<option value="1943">1943</option>
97							<option value="1944">1944</option>
98							<option value="1945">1945</option>
99							<option value="1946">1946</option>
100							<option value="1947">1947</option>
101							<option value="1948">1948</option>
102							<option value="1949">1949</option>
103							<option value="1950">1950</option>
104							<option value="1951">1951</option>
105							<option value="1952">1952</option>
106							<option value="1953">1953</option>
107							<option value="1954">1954</option>
108							<option value="1955">1955</option>
109							<option value="1956">1956</option>
110							<option value="1957">1957</option>
111							<option value="1958">1958</option>
112							<option value="1959">1959</option>
113							<option value="1960">1960</option>
114							<option value="1961">1961</option>
115							<option value="1962">1962</option>
116							<option value="1963">1963</option>
117							<option value="1964">1964</option>
118							<option value="1965">1965</option>
119							<option value="1966">1966</option>
120							<option value="1967">1967</option>
121							<option value="1968">1968</option>
122							<option value="1969">1969</option>
123							<option value="1970">1970</option>
124							<option value="1971">1971</option>
125							<option value="1972">1972</option>
126							<option value="1973">1973</option>
127							<option value="1974">1974</option>
128							<option value="1975">1975</option>
129							<option value="1976">1976</option>
130							<option value="1977">1977</option>
131							<option value="1978">1978</option>
132							<option value="1979">1979</option>
133							<option value="1980">1980</option>
134							<option value="1981">1981</option>
135							<option value="1982">1982</option>
136							<option value="1983">1983</option>
137							<option value="1984">1984</option>
138							<option value="1985">1985</option>
139							<option value="1986">1986</option>
140							<option value="1987">1987</option>
141							<option value="1988">1988</option>
142							<option value="1989">1989</option>
143							<option value="1990">1990</option>
144							<option value="1991">1991</option>
145							<option value="1992">1992</option>
146							<option value="1993">1993</option>
147							<option value="1994">1994</option>
148							<option value="1995">1995</option>
149							<option value="1996">1996</option>
150							<option value="1997">1997</option>
151							<option value="1998">1998</option>
152							<option value="1999">1999</option>
153							<option value="2000">2000</option>
154							<option value="2001">2001</option>
155							<option value="2002">2002</option>
156							<option value="2003">2003</option>
157							<option value="2004">2004</option>
158							<option value="2005">2005</option>
159							<option value="2006">2006</option>
160							<option value="2007">2007</option>
161							<option value="2008">2008</option>
162							<option value="2009">2009</option>
163							<option value="2010">2010</option>
164							<option value="2011">2011</option>
165							<option value="2012">2012</option>
166							<option value="2013">2013</option>
167							<option value="2014">2014</option>
168							<option value="2015">2015</option>
169							<option value="2016">2016</option>
170							<option value="2017">2017</option>
171							<option value="2018">2018</option>
172							<option value="2019">2019</option>
173							<option value="2020">2020</option>
174							<option value="2021">2021</option>
175							<option value="2022">2022</option>
176							<option value="2023">2023</option>
177							<option value="2024">2024</option>
178							<option value="2025">2025</option>
179							<option value="2026">2026</option>
180							<option value="2027">2027</option>
181							<option value="2028">2028</option>
182							<option value="2029">2029</option>
183							<option value="2030">2030</option>
184						</select>　年
185
186						<select name="month" required="required" style="width: 70px; height: 30px;">
187							<option value="">-</option>
188							<option value="1">1</option>
189							<option value="2">2</option>
190							<option value="3">3</option>
191							<option value="4">4</option>
192							<option value="5">5</option>
193							<option value="6">6</option>
194							<option value="7">7</option>
195							<option value="8">8</option>
196							<option value="9">9</option>
197							<option value="10">10</option>
198							<option value="11">11</option>
199							<option value="12">12</option>
200						</select>　月
201
202                		<select name="day" required="required" style="width: 70px; height: 30px;">
203							<option value="">-</option>
204							<option value="1">1</option>
205							<option value="2">2</option>
206							<option value="3">3</option>
207							<option value="4">4</option>
208							<option value="5">5</option>
209							<option value="6">6</option>
210							<option value="7">7</option>
211							<option value="8">8</option>
212							<option value="9">9</option>
213							<option value="10">10</option>
214							<option value="11">11</option>
215							<option value="12">12</option>
216							<option value="13">13</option>
217							<option value="14">14</option>
218							<option value="15">15</option>
219							<option value="16">16</option>
220							<option value="17">17</option>
221							<option value="18">18</option>
222							<option value="19">19</option>
223							<option value="20">20</option>
224							<option value="21">21</option>
225							<option value="22">22</option>
226							<option value="23">23</option>
227							<option value="24">24</option>
228							<option value="25">25</option>
229							<option value="26">26</option>
230							<option value="27">27</option>
231							<option value="28">28</option>
232							<option value="29">29</option>
233							<option value="30">30</option>
234							<option value="31">31</option>
235						</select>　日
236					</p>
237
238					<p>
239						年齢：<input type="text" required="required" value="" style="width: 200px; height: 30px;" name="age" min = "0" max="117 " maxlength="3"title = "0～117で入力してください。">
240					</p>
241
242                	<div>
243            			<input type="submit" style="width: 50px; height: 30px;" value="送信">
244            			<br><br>
245            			<button type="button" style="width: 50px; height: 30px;" onclick="history.back()">
246            				戻る
247            			</button>
248        			</div>
249        		</form>
250			</center>
251		</h2>
252
253	</body>
254</html>

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

回答2件

生年月日と現在日時を比較対象として、下記のようにすれば取れると思います。

java
1// 誕生月が現在月より大きかったら間違いなく誕生日はきてない
2if (生年月日の月 > 現在日時の月) {
3    年齢 = (現在日時の年 - 1) - 生年月日の年;
4// 誕生月と現在月が一緒だったら日にちを見ないと分からない
5} else if (生年月日の月 = 現在日時の月) {
6    // 誕生日が現在日より前だったら誕生日はきてる
7    if (生年月日の日 <= 現在日時の日) {
8        年齢 = 現在日時の年 - 生年月日の年;
9    } else {
10        年齢 = (現在日時の年 - 1) - 生年月日の年;
11    }
12// 誕生月が現在月より小さかったら間違いなく誕生日はきてる
13} else if (生年月日の月 < 現在日時の月) {
14    年齢 = 現在日時の年 - 生年月日の年;
15}