JSP/SEARCH
input_dynamic
GAWON
2023. 6. 12. 17:13
<%@page import="org.joonzis.dao.EmployeeDaoImpl"%>
<%@page import="org.joonzis.vo.EmployeeVO"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
div{
width: 800px;
text-align: center;
margin: auto;
}
table {
width: 100%;
border-collapse: collapse;
}
th,td{
border: 1px solid gray;
}
th{
padding: 5px;
background-color: blue;
color: white;
}
</style>
<script type="text/javascript">
function getList(f){
if(f.value.value == ''){
alert("입력 하세요");
return;
}
f.action='/chapter19_search/Controller?cmd=dynamicList';
f.submit();
}
</script>
</head>
<body>
<div>
<form>
<h1>무엇을 검색 하시겠습니까?</h1>
<table>
<tr>
<th>검색옵션</th>
</tr>
<tr>
<td>선택 검색 :
<select name="key">
<option value="1">직원ID</option>
<option value="2">성명</option>
<option value="3">부서ID</option>
</select>
</td>
</tr>
<tr>
<td>입력 검색 : <input type="text" name="value"></td>
<tr>
<td>
<input type="button" value="검색" onclick="getList(this.form)">
<input type="hidden" name="cmd" value="dynamicList">
</td>
</tr>
</table>
</form>
</div>
</body>
</html>