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

카테고리를 선택 등록을 위하여 셀렉트박스를 이용하는 경우가 있는대 이 때 셀렉트박스를 매번 만들어주고 삭제 해야 하는데 이를 동적으로 처리 하도록 하는 스크립트이다. 하위 레벨에 내용이 존재 하면 계속해서 추가적으로 셀렉트 박스를 생성한다. 하위 카테고리를 모두 펼친상태에서 다시 상위를 선택 하면 하위 카테고리를 자동으로 삭제 한다. 예제는 여기를 참고 : 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 카테고리 셀렉트박스를 동적으로 생성하고 삭제하기

자바스크립트로 주간(일~토) 셀렉트 박스 만들기

년도와 월을 선택하면 해당 년/월에 포함 되어있는 주 시작일과 종료일을 셀렉트박스로 만들게 하는 함수 입니다. 요령 모양의 셀렉트 박스 입니다. 작동되는 모습은 예제링크를 통해서 확인해주세요. 예제링크 function makeWeekSelectOptions() { var year = $(“#sh_year”).val(); var month = $(“#sh_month”).val(); var today = new Date(); var sdate = new Date(year, month-1, 01); var lastDay = (new Date(sdate.getFullYear(), sdate.getMonth()+1, 0)).getDate(); var endDate = new Date(sdate.getFullYear(), sdate.getMonth(), lastDay); var week = sdate.getDay(); sdate.setDate(sdate.getDate() – week); var edate = new Date(sdate.getFullYear(), sdate.getMonth(), sdate.getDate()); var obj = document.getElementById(“sh_week”); obj.options.length = 0; var seled = “”; while(endDate.getTime() >= edate.getTime()) { var sYear = sdate.getFullYear(); var sMonth = (sdate.getMonth()+1); Continue reading 자바스크립트로 주간(일~토) 셀렉트 박스 만들기

html selectbox 배열에 담긴 값으로 옵션 태그 만들기

html selectbox의 options 들을 추가 할때 하나하나 입력하면 귀찮고 반복해서 사용하는 것들은 매번 만들기 귀찮기 때문에 함수를 하나 만들어서 처리 한다. 배열에 값과 텍스트를 미리 입력해놓은 상태에서 해당 배열을 호출 하면 자동으로 <option>태그로 둘러쌓은 값을 리턴한다. 두번째 인자에 선택된 값을 입력하면 해당 <option>에 자동으로 selected=’selected’를 추가 한다. 마지막 인자는 option에 value 값을 배열의 키값으로 사용할 것인지 값으로 할지를 결정한다. 기본적으로 키를 option value에 삽입한다. 소스코드 // selectbox 옵션값 가져오기 function getSelectboxOptions($arr, $selected, $is_key=1) { $str = “”; foreach($arr AS $key => $val) { $option_value = ($is_key) ? $key : $val; $option_text = $val; $seled = ($option_value == $selected) ? ” Continue reading html selectbox 배열에 담긴 값으로 옵션 태그 만들기