메뉴 건너뛰기

조회 수 1976 추천 수 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"/>');
}



  1. No Image 08Jan
    by
    2019/01/08 Views 5332 

    HTML 화면을 PDF로 출력

  2. No Image 07Nov
    by
    2018/11/07 Views 1534 

    == / === / != / !== 차이

  3. No Image 07Nov
    by
    2018/11/07 Views 1513 

    오늘 날짜 구하기

  4. No Image 27Oct
    by
    2018/10/27 Views 1824 

    jQuery 엘리먼트 선택

  5. No Image 27Oct
    by
    2018/10/27 Views 2006 

    자바스크립트 urlencode(), urldecode(), rawurlencode(), rawurldecode()

  6. No Image 27Oct
    by
    2018/10/27 Views 4024 

    자바스크립트 배열 중복값 다루기

  7. No Image 28Sep
    by
    2018/09/28 Views 3356 

    JavaScript 출생년도에 따른 나이 계산 자바스크립트

  8. No Image 28Sep
    by
    2018/09/28 Views 1642 

    엔터키 / enter key submit form

  9. No Image 28Sep
    by
    2018/09/28 Views 1803 

    팝업창 차단 "허용 메시지"

  10. No Image 29Aug
    by
    2018/08/29 Views 2887 

    테이블에서 해당 열의 인덱스 값 얻는 방법

  11. No Image 29Aug
    by
    2018/08/29 Views 1716 

    key pressing 누르거나 클릭중인 이벤트 예제

  12. No Image 24Jul
    by
    2018/07/24 Views 2393 

    유용한 스크립트 모음

  13. No Image 24Jul
    by
    2018/07/24 Views 1688 

    cross site scripting을 막기위한...javascript

  14. 다음 우편번호(주소) api 예시

  15. No Image 04Jul
    by
    2018/07/04 Views 4108 

    스마트에디터(SmartEditor)에서 textarea 유효성 체크하기

  16. No Image 04Jul
    by 조쉬
    2018/07/04 Views 1976 

    반복문 사용할때 태그 식별하기 data-item

  17. No Image 04Jul
    by
    2018/07/04 Views 4091 

    SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기.

  18. 체크박스(CheckBox) 전체 선택, 전체 해제 checked

  19. 스마트 에디터 (네이버 에디터) 에디터 내에서 이미지 크기 줄이기.(리사이징)

  20. Javascript selectbox selected 컨트롤

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved