메뉴 건너뛰기

조회 수 470 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

다중 파일첨부한 내용을 표현할때 반복문을 사용하여 태그를 추가한다. 이때 같은 태그를 반복하기 때문에 같은 클래스명으로 추가 된다. 따라서 스크립트를 사용할때 제약이 걸린다. 


이때 태그 안에 data-item을 사용한다.(아래 div 코드가 여러개 존재)


<div id="file_div_<?= $row['file_no'] ?>">
    <input type="button" id="<?= $row['file_no'] ?>" onclick="del_file(this)" 
    data-item="<?= $row['file_no'] ?>" value="삭제하기">
</div>



반복문으로 여러개가 추가 됐을 input 태그에서 onclick으로 아래의 함수를 실행하고 자바스크립트로 값을 받아오고 로직을 처리한다.

function del_file(file_no){
    var file_no = file_no.getAttribute("data-item");
    console.log(file_no);
    $("#file_div_"+file_no).remove();
    $("#delete_file_list_div").append('<input name="delete_file[]" type="hidden" value="'+file_no+'" id="delete_file"/>');
}



List of Articles
번호 제목 날짜 조회 수
186 활용예제 : 체크박스 전체선택 전체해제 /라디오버튼 2014.03.01 3685
185 현재시간 기준 날짜 계산 2016.09.21 3778
184 핸드폰 번호 일부 마스킹크 작업 (정규식 이용) 2015.06.19 5977
183 해상도에 따라 배경 바꾸기 2014.03.01 3657
182 함수의 arguments 를 이름(key)으로 접근하기 2016.09.21 3738
181 페이지 로드 할때 컨트롤에 포커스 주기 2015.02.03 4437
180 팝업창 차단 "허용 메시지" 2018.09.27 215
179 팝업창 가운데 띄우기 2016.12.22 4446
178 특정부위 마우스 오버시 설명을 보여주는 소스 2014.03.17 4272
177 특정 HTML DOM 엘레멘트로 스크롤 이동하기 2016.09.08 4123
176 텍스트박스(input type = "text") 숫자 증가, 감소 시키기 - 쇼핑몰 주문 수량 file 2015.06.19 5853
175 테이블에서 해당 열의 인덱스 값 얻는 방법 2018.08.29 221
174 클릭위치로 레이어 띄우기 2014.03.01 3618
173 쿠키(Cookie)에 값 저장하기 2016.09.21 3886
172 체크박스(CheckBox) 전체 선택, 전체 해제 checked file 2018.07.04 655
171 체크박스 체크하면 레이어 보여주기. 체크안하면 알려주기 2014.03.01 4309
170 창에 대한 정보얻기 (창 크기, 창 위치) file 2015.06.19 3949
169 창 크기 최대화 시키기 file 2015.06.19 6601
168 차단된 팝업창을 허용하라는 스크립트 2014.02.27 4050
167 지정한 크기로 링크페이지 새창열기 2014.03.01 3195
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 Next
/ 10

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved