8. Form Control - select 태그

select 태그

<select>
  <option value="red">빨강</option>
  <option value="blue">파랑</option>
  <option value="green">초록</option>
</select>

HTML의 폼 요소 중 하나로, 목록을 제공하여 사용자가 하나의 옵션을 선택할 수 있도록 한다. 사용자는 select 태그 안에 정의된 option 태그로 정의된 옵션들 중에서 하나를 선택할 수 있다.

//예제
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>select 예제</title>
</head>
<body>
<h2>이름과 전화번호를 입력하세요.</h2>
	<form method="post" action="Select2.jsp">
		이름 : <input type="text" name="name"><br>
		전화번호 : 
		<select name="local">
			<option value="서울">서울</option>
			<option value="경기">경기</option>
			<option value="강원">강원</option>
		</select>
		<input type="text" name="tel"><br>
		<input type="submit" value="입력완료">	
	</form>

</body>
</html>

//예제
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>select 예제 결과</title>
</head>
<body>
	<%
	request.setCharacterEncoding("UTF-8");
	String name = request.getParameter("name");
	String local = request.getParameter("local");
	String localNum = "";
	
	if(local.equals("서울")){
		localNum = "02";
	} else if(local.equals("경기")){
		localNum = "031";
	} else if(local.equals("강원")){ 
		localNum = "033";
	}
	
	int tell = Integer.parseInt(request.getParameter("tel"));
	
	
	out.println("이름 : " + name + "<br>");
	out.println("번호 : " + localNum + ")"+tell);
	%>
</body>
</html>