닝뇽냥뇽
251
2020-09-09 13:29:44
3
161

input태그 ID값을 자바 스크립트에서 가져오고 싶습니다.


안녕하세요. 지금 제가 파일 업로드 관련해서 작업 중인데 기존 input type="file" 디자인을 변경하고 싶어 커스터마이징을 하고 있습니다.


<input type="file" id="file_${var.index}" name="file_${var.index }" />

제가 파일 구분을 하기 위해 jstl을 사용해서 id값을 file_${var.index }이렇게 해두었습니다.


저 JSTL값까지 같이 가져오게 할 방법은 없을까요?

소스 올리겠습니다.


↓↓↓↓ 파일 업로드 관련

<tr>
	<td>
		<div id="fileDiv">
			<c:forEach var="row" items="${list }" varStatus="var">
				<p>
					<c:choose>
						<c:when test="${not empty row.ORIGINAL_FILE_NAME }">
							<input type="hidden" id="BNO" name="BNO_${var.index }" value="${row.BNO }" />
							<input type="hidden" id="FNO" name="FNO_${var.index }" value="${row.FNO }" />
								<input class="upload_${var.index }" value="${row.ORIGINAL_FILE_NAME }" disabled="disabled" />
								<label for="file_${var.index}">업로드</label>
								<input type="file" id="file_${var.index}" name="file_${var.index }" />
								<a href="#this" id="deleteFile_${var.index}" name="deleteFile_${var.index }">삭제</a>
						</c:when>
						
						<c:otherwise>
							<input type="file" id="file_${var.index}" name="file_${var.index }" />
							<a href="#this" id="deleteFile_${var.index}" name="deleteFile_${var.index}">삭제</a>
						</c:otherwise>
					</c:choose>
				</p>
			</c:forEach>
		</div>
	</td>
</tr>


↓↓↓↓ javascript

$(document).ready(function(){

var fileTarget = $('#fileDiv input[type=file]');
		
		fileTarget.change(function(){
			alert("끼요오옷");
			var fileName = $(this).val();
		    var fileCount = $(this).get(0).files.length;

		    if($(this).get(0).files.length == 1){
		        $('#fileDiv .upload').val(fileName);
		    } else {
		        $('#fileDiv .upload').val('파일을 선택해주세요.');
		    }
		});
	}); 


↓↓↓↓ 결과


지금 업로드 후 바뀌긴 하는데 ${var.index }값을 가져오질 못하니 모든게 다 바뀝니다.


↓↓↓↓ 파일 업로드 후


무슨 방법 있을까요? ㅠㅠㅠㅠ


0
  • 답변 3

  • 밋꾸
    517
    2020-09-09 13:36:36

    $('걔').attr('id'); 

  • 닝뇽냥뇽
    251
    2020-09-09 14:19:50 작성 2020-09-09 14:42:50 수정됨

    밋꾸


    감사합니다 ID 값 잘 넘어오네요 ㅠㅠ

    다른 곳에서 다시 막히긴 했는데 혼자 해보겠습니다 ㅋㅋㅋ 감사합니다!

  • 밋꾸
    517
    2020-09-09 14:51:09
    와하하하하핫 계속 질문하세여!
  • 로그인을 하시면 답변을 등록할 수 있습니다.