[HTML] select box 값 유지

spring mvc / jsp 사용

Colored By Color Scripter™

1 2 3 4 5 6 7 8 9 10 11

<script>     $(document).ready(function() {         $('#dept').change(deptChange);     })       function deptChange() { // 학과         var deptcode = $('#dept option:selected').val();         $('input#dept_code').val(deptcode);     };   </script>

 

▲ select box에 change 메소드를 추가.

선택한 값이 변할때마다, input#dept_code에 선택된 학과 코드가 입력된다.

input#dept_code은 hidden type으로, 컨트롤러에 값을 전하고, 다시 전달받는다.

 

Colored By Color Scripter™

1 2 3 4 5 6 7 8 9 10 11

<select id="dept" name="dept">                             <option value="0">학과를 선택하세요</option>                             <c:forEach items="${ dept }" var="dept">                                 <option value="${ dept.department_code }"                                     ${ dept_code == dept.department_code ? "selected" :""}>                                     ${ dept.department_name }</option>                             </c:forEach>                         </select>                            <input type="text" id="dept_code" name="dept_code" value="${ dept_code }">

▲ select box와 input

컨트롤러에서 전달받은 dept_code (이전 화면에서 선택됬던 값)와 현재 option의 dept_code 값을 비교하여 일치하는 경우 selected 속성 추가.

 

select box의 값이 유지된다.