카테고리 셀렉트박스를 동적으로 생성하고 삭제하기

카테고리를 선택 등록을 위하여 셀렉트박스를 이용하는 경우가 있는대 이 때 셀렉트박스를 매번 만들어주고 삭제 해야 하는데 이를 동적으로 처리 하도록 하는 스크립트이다. 하위 레벨에 내용이 존재 하면 계속해서 추가적으로 셀렉트 박스를 생성한다. 하위 카테고리를 모두 펼친상태에서 다시 상위를 선택 하면 하위 카테고리를 자동으로 삭제 한다. 예제는 여기를 참고 : http://blog.munilive.com/ex/javascript/category_selectbox.php 데이터는 ajax를 통하여 json 형식으로 받아오면 된다. 해당부분은 구현하지 않았다. 스크립트 소스 function selectCategory(obj) { var ag_idx = obj.value; var ag_depth = obj.getAttribute(“depth”); var felm = getObjectFormAuthGroup(); for(var i=0;i<felm.ag_parent.length;i++) { if(ag_depth < felm.ag_parent[i].getAttribute(“depth”)) { felm.ag_parent[i].remove(); } else { if(ag_idx) felm.ag_parent[i].disabled = true; } } if(ag_idx) { ag_depth++; getAuthGroupChildren(ag_idx, ag_depth); } } Continue reading 카테고리 셀렉트박스를 동적으로 생성하고 삭제하기