select 태그에서 옵션 값을 선택 후에 submit을 하면 원래 기본 값을 초기화 되어 이것을 선택한 값으로 고정하는 동작을
JSTL의 EL 태그를 이용하여 표현하였다.
selected="selected"></c:if test="${rsize == 1}">
-----------------------------------------------------------------------------------------------------------------------------------------------------
<form name="rowSizeFrm" id="rowSizeFrm" action="<%=request.getContextPath()%>/notice/list.do" method="post">
<p>게시물수 :
<select name = "rowSize" id = "rowSize" >
<!-- <option value="" selected disabled hidden></option> -->
<option value="선택">선택</option>
<option value="1" <c:if test="${rsize == 1}">selected="selected"</c:if>>1</option>
<option value="3" <c:if test="${rsize == 3}">selected="selected"</c:if>>3</option>
<option value="5" <c:if test="${rsize == 5}">selected="selected"</c:if>>5</option>
<option value="10" <c:if test="${rsize == 10}">selected="selected"</c:if>>10</option>
</select>
</p>
</form>
------------------------------------------------------------------------------------------------------------------------------------------------
form태그에 감싸져있는 select 태그 선택 값을 submit 해주는 jQuery 함수
<script>
$(document).ready(function(){
//게시물 출력수 선택
//<select name="rowSize" id="rowSize";">에 이벤트
$("#rowSize").change(function(){ //
$("#rowSizeFrm").submit();
});
});
</script>
----------------------------------------------------------------------------------------------------------------------------------------------------
'project' 카테고리의 다른 글
23.02.11 현재 jsp 세미 팀프로젝트 최종 DB 설계 (0) | 2023.02.11 |
---|---|
23.01.31 ERD cloud PK, FK 제약조건 (0) | 2023.01.31 |