본문 바로가기
project

23.02.04 JSTL로 특정 option selected 주기

by SoulMania 2023. 2. 4.

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>

----------------------------------------------------------------------------------------------------------------------------------------------------