#94 jQuery 페이지 전환 후 정적 select 값 고정

 2019.09.27

 

정적 select box

 

 

 

 

 select 값 선택 후 submit() 이벤트를 발생시키고 페이지 전환이 일어나는데 select 값은 처음 설정된 값 그대로 나오는 문제

 

<select style="width: 80px;" class="custom-select" name="utilityYear" id="utilityYear">
    <option value="2019" id="2019">2019</option>
    <option value="2018" id="2018">2018</option>
    <option value="2017" id="2017">2017</option>
</select>

 

 각 option value에 id를 주고 선택된 대상의 태그의 속성값을 제어하는 .attr() html 제어 메서드를 사용하여 해결했다

 

<script th:inline="javascript">    
    <!-- 화면 전환 후 select box 고정 -->
    var selectedYear = [[${selectedYear}]]; // 화면전환 하면서 값을 받아온다
    
    if(selectedYear == 2018){
        $('#2018').attr('selected','selected');
    } else if(selectedYear == 2017){
        $('#2017').attr('selected','selected');
    } else{
        $('#2019').attr('selected','selected');
    }
</script>