[구디아카데미][IT국비지원]
코드
Form.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>radio값, select값 넘겨 출력하기</h1>
<form action="./ex4Action.jsp" method="post">
<div>
성별
<input type="radio" value="남" name="gender">남
<input type="radio" value="여" name="gender">여
</div>
<div>
<select name="married">
<option value="미혼">미혼</option>
<option value="기혼">기혼</option>
</select>
</div>
<div><button type="submit">전송</button></div>
</form>
</body>
</html>Action.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
request.setCharacterEncoding("utf-8");
String gender = request.getParameter("gender");
String married = request.getParameter("married");
%>
<div>
성별
<%
if(gender.equals("남")){
// 라디오에서 남이 선택된 상태
%>
<input type="radio" value="남" name="gender" checked="checked">남
<input type="radio" value="여" name="gender">여
<%
} else {
// 라디오에서 여가 선택된 상태
%>
<input type="radio" value="남" name="gender">남
<input type="radio" value="여" name="gender" checked="checked">여
<%
}
%>
</div>
<div>
<%
if(gender.equals("미혼")){
// 셀렉트에서 미혼이 선택된 상태
%>
<select name="married">
<option value="미혼" selected="selected">미혼</option>
<option value="기혼">기혼</option>
</select>
<%
} else {
// 셀렉트에서 기혼가 선택된 상태
%>
<select name="married">
<option value="미혼">미혼</option>
<option value="기혼" selected="selected">기혼</option>
</select>
<%
}
%>
</div>
</body>
</html>결과화면
