반응형
<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에 추가하면 됩니다.

반응형