WEB Archive
[HTML] radio 버튼과 selectBox 의 데이터 전송하기(단일데이터와 다중데이터 참고)
universedevelope
2024. 8. 21. 15:04
RadioSelect.jsp ▼▼▼
<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>RadioSelect.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div>
<h1>JSP를 이용한 데이터 송수신 실습03</h1>
<hr>
<p>RadioSelect.jsp ● → RadioSelectOk.jsp ○</p>
</div>
<div>
<h2>radio, select 데이터 전송</h2>
<form action="RadioSelectOk.jsp" method="post">
이름<input type="text" name="name" class="txt">
<br>
성별
<label><input type="radio" name="gender" value="M">남자</label>
<label><input type="radio" name="gender" value="F">여자</label>
<br><br>
전공
<select name="major">
<option value="국문학">국문학</option>
<option value="영문학">영문학</option>
<option value="컴퓨터공학">컴퓨터공학</option>
<option value="수학">수학</option>
<option value="신문방송학">신문방송학</option>
<option value="경영학">경영학</option>
</select>
<br><br>
취미
<select name="hobby" size="7" multiple="multiple">
<option value="영화감상">영화감상</option>
<option value="음악감상">음악감상</option>
<option value="공원산책">공원산책</option>
<option value="배낭여행">배낭여행</option>
<option value="스노클링">스노클링</option>
<option value="암벽등반">암벽등반</option>
<option value="종이접기">종이접기</option>
</select>
<br><br>
<input type="submit" value="내용 전송" class="btn control">
</form>
</div>
</body>
</html>
RadioSelectOk.jsp ▼▼▼
<%@ page contentType="text/html; charset=UTF-8"%>
<%
// 스크립트 릿 영역 → 이전 페이지(RadioSelect.jsp)로부터
// 전송된 데이터 수신 (→ name, gender, major, hobby)
// ♣ check~!! ♣
request.setCharacterEncoding("UTF-8");
// value가 한글인 경우 한글깨짐 방지처리
String nameStr = request.getParameter("name"); //-- 텍스트박스.. 단일값 수신
String genderStr = request.getParameter("gender");//-- 라디오버튼.. 단일값 수신
String majorStr = request.getParameter("major"); //-- 선택상자.... 단일값 수신
//String hobbyStr = request.getParameter("hobby"); //-- 선택상자.... 다중 데이터 수신
String[] hobbyArr = request.getParameterValues("hobby");
// 다중 선택이 가능한 선택상자일 경우.. 『getParameterValues()』로 데이터 수신 → 배열 반환
// name 수신 및 처리 → 특이사항 없음 ~!!
// gender 수신 및 처리
String gender = "";
if(genderStr.equals("M"))
gender = "남자";
else if(genderStr.equals("F"))
gender = "여자";
else
gender ="확인불가";
// major 수신 및 처리 → 특이사항 없음!!
// hobby 수신 및 처리
String hobby = "";
if (hobbyArr != null)
{
for(String item : hobbyArr)
{
hobby += " [" + item + "]";
}
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>RadioSelectOk.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div>
<h1>JSP를 이용한 데이터 송수신 실습03</h1>
<hr>
<p>RadioSelect.jsp ○ → RadioSelectOk.jsp ●</p>
</div>
<div>
<h2>radio, select 데이터 수신 결과 확인</h2>
<div>
<!-- <p>이름 : 김떙땡</p> -->
<p>이름 : <%=nameStr %></p>
<!-- <p>성별 : M(남자)</p> -->
<p>성별 : <%=genderStr %>(<%=gender %>)</p>
<!-- <p>전공 : 국문학</p> -->
<p>전공 : <%=majorStr %></p>
<!-- <p>취미 : [영화감상] [음악감상]</p> -->
<p>취미 : <%=hobby %></p>
</div>
</div>
<!-- 결과
이름 : 김상기
성별 : F(여자)
전공 : 컴퓨터공학
취미 : [음악감상] [배낭여행] [스노클링]
-->
</body>
</html>728x90