반응형

selectBox 3

[JavaScript] 다중 select 예시(feat. 지역코드)

개발컨셉은 아래와 같다. 개발 컨셉 셀렉트박스 2개 존재 - 광역지자체 - 기초지자체 페이지 로드 후에는 광역지자체 데이터만 있는 상태고 기초지자체 데이터는 없는 상태 광역지자체 선택 시 해당 코드에 해당되는 기초지자체 데이터가 기초지자체 selectbox에 세팅됨 광역지자체에서 다시 선택을 누르면 기초지자체는 다시 데이터 초기화됨 지자체 선택 후 검색 이벤트 발생 시 선택한 광역지자체, 기초지자체코드가 selected됨 script $(document).ready(function () { //광역지자체코드 세팅 cf_L_inst_option('serachInstL'); //검색한 광역 지자체코드(jsp라서 jstl 문법 사용) var serachUpperInstL = ''; if (serachUpper..

IT/development 2024.03.01

[JavaScript] selectbox 동적 표시

상위 선택값에 따라 하위 선택값이 다르게 표시되어야 되는 경우가 있다. 예를 들면 아래와 같은 상황이다. 광역지자체에 따라 그 하위 지자체 목록이 표시 1번 selectbox 선택 데이터를 조건으로 서버에서 데이터를 조회 후 2번 selectbox를 동적으로 그려야 한다. 상위 selectbox에 onchagne() 이벤트를 걸어서 데이터 변경이 감지될 때마다 서버에서 데이터를 가져와서 하위 selectbox의 option값을 그린다. 관리 광역지자체 관리 기초지자체 전체 function fn_get_LocalGovInstCode(){ //광역지자체코드 var selectedValue = $("#mngWideAreaLocgovCd").val(); $.ajax({ url: '/locgov/selectLoc..

IT/development 2024.01.21

[jstl] selectbox 조건과 일치하면 선택값 유지(feat. 상세화면)

간만에 추억의(?) jsp로 화면단을 개발하게 되었고 그 중 jstl에서 많이 쓰는 기능인데 잘 생각이 나질 않아 예전 레거시 코드를 뒤져서 찾았고 다음을 위해 메모를 한다. 상세화면에서 공통코드의 값을 불러와서 selectbox에 뿌리는데 회원 가입상태 코드와 공통코드의 코드가 일치하면 selected하는 경험자들에겐 아주 익숙한 기능이다. ex) 회원테이블에 가입상태코드가 있고 이는 공통코드 테이블의 코드와 매핑이 되는 상황이다. 코드를 보면 이해가 될거다. Controller //Controller내의 모든 view에서 전부 쓸 수 있도록 아래처럼 @ModelAttribute로 선언을 했다. /** 가입상태 목록*/ @ModelAttribute("mberSttusList") private List ..

IT/development 2023.12.22
반응형