반응형
<script>
// var로 선언한 변수는 중복해서 선언이 가능하다
// Change 함수에 idx 값을 넣는다 (1)
function Change(idx) {
// pageNum 변수에 idx 값을 저장한다. 현재 페이지 번호 = 1
var pageNum = idx; // var pageNum = 1;
// 한 페이지에 보여줄 게시물 수 = amount라는 id에 접근하여 value 값 가져오기 (jquery 사용)
var amount = $("#amount").val();
// 한 페이지에 보여줄 게시물 수 = 10 일때
if(amount == 10) {
// location.href = 자바스크립트 페이지 이동 기능
// 첫 번째 페이지에 10개의 게시물을 보이기
location.href="paging?pageNum="+pageNum+"&amount="+amount;
} else if(amount == 15) {
location.href="paging?pageNum="+pageNum+"&amount="+amount;
} else if(amount == 20) {
location.href="paging?pageNum="+pageNum+"&amount="+amount;
}
}
</script>
<div class="form-group">
<select id="amount" onchange="Change(1)">
<!-- selected="selected"를 안 붙이면 셀렉트 박스가 기본값으로 초기화 됨 -->
<option value="10" <c:if test="${pageVO.amount == 10}">selected="selected"</c:if>>10개씩 보기</option>
<option value="15" <c:if test="${pageVO.amount == 15}">selected="selected"</c:if>>15개씩 보기</option>
<option value="20" <c:if test="${pageVO.amount == 20}">selected="selected"</c:if>>20개씩 보기</option>
</select>
</div>
전에 올렸던 Pagination Code에 해당 내용을 jsp에 추가하면 됩니다.
반응형
'[Java] > [Java Code]' 카테고리의 다른 글
[Java Code] Json 화면에 뿌리기 (0) | 2022.03.01 |
---|---|
[Java Code] 윈도우 서버에서 자바로 리눅스서버에 명령어 실행 및 명령어 결과 및 sftp 하기 (0) | 2022.03.01 |
[Java Code] Pagination (0) | 2022.02.18 |
[Java Code] 파일 읽어 데이터 가져오기 (0) | 2022.02.12 |
[Java Code] JsonObject, JsonArray (org.json) (0) | 2022.02.04 |