project

23.02.04 JSTL로 특정 option selected 주기

SoulMania 2023. 2. 4. 21:51

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>

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