동적 태그생성 질문입니다..
조회수 976회
// 여기에 작성해주세요
<!DOCTYPE html>
<!-- 모바일 웹 페이지 설정 -->
.fileBox .fileName {display:inline-block;width:190px;height:30px;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #aaa;background-color:#fff;vertical-align:middle}
.fileBox .btn_file {display:inline-block;border:1px solid #000;width:100px;height:30px;font-size:0.8em;line-height:30px;text-align:center;vertical-align:middle}
/.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}/
추가 찾아보기
var uploadFile = $('.sss .fileBox .uploadBtn'); uploadFile.on('change', function(){ if(window.FileReader){ var filename = $(this)[0].files[0].name; } else { var filename = $(this).val().split('/').pop().split('\').pop(); } $(this).siblings('.fileName').val(filename); });
var fileCnt = 1; $('.btn_img_add').click(function() {
var img_html ='\ \ \ 찾아보기\ \ ';
$(".sss").append(img_html);
fileCnt++; })
왜 동적생성한건 파일값을 못가져올까여???? 너무 궁금합니다
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
동적 생성을 하면 해당 dom에 이벤트를 바인딩하셔야 자바스크립트 이벤트가 제대로 발생합니다. append하고 나서 새로생긴 dom에 이벤트를 다시 줘보세요.
-
(•́ ✖ •̀)
알 수 없는 사용자
-
댓글 입력