box.html 파일 생성
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
//가로,세로를 입력했는지를 체크
function goBox(){
//기본형식) window.document.폼객체명.입력양식객체명.하위속성명=값
// document.getElementById()
with(document.BoxForm){
if(tr_cnt.options.selectedIndex==0){
alert("표의 가로를 먼저 선택하세요")
return;
}else if(td_cnt.options.selectedIndex==0){
alert("표의 세로를 먼저 선택하세요")
return;
}else if((tr_cnt.options.selectedIndex!=0) &&
(td_cnt.options.selectedIndex!=0)){
//document.폼객체명.submit()
submit()
}
}
}//goBox()
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>표만들기</title>
</head>
<body>
<form name="BoxForm" method="post" action="box_proc.jsp">
표만들기 설정<br>
가로(행)
<select name="tr_cnt">
<option value="0">선택</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select><br>
세로(열)
<select name="td_cnt">
<option value="0">선택</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select><br>
<a href="JavaScript:goBox()">표만들기</a>
</form>
</body>
</html>
bot.jsp 생성
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>두개의 값 전달</title>
</head>
<body>
<%
String tr_cnt=request.getParameter("tr_cnt");//행 "2"->2
String td_cnt=request.getParameter("td_cnt");
System.out.println("tr_cnt=>"+td_cnt+",td_cnt=>"+td_cnt);//null
%>
<table border="1">
<% for(int i=0;i<Integer.parseInt(tr_cnt);i++) { %>
<tr>
<% for(int j=0;j<Integer.parseInt(td_cnt);j++) { %>
<td width="50"> </td>
<% } %>
</tr>
<% } %>
</table>
<a href="JavaScript:history.back()">다시 입력하기</a>
</body>
</html>
결과 확인
'KIC > JSP' 카테고리의 다른 글
| [JSP] 프로젝트 생성/삭제 (0) | 2020.09.21 |
|---|---|
| [JSP] 프로젝트 export / import (0) | 2020.09.21 |
| [JSP] 사용자로부터 값을 입력 전송2 (0) | 2020.09.21 |
| [JSP] 사용자로부터 값을 입력(전송폼) (0) | 2020.09.21 |
| [JSP] 예제2<표> (0) | 2020.09.21 |