My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다.
AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.
포스팅 관련 문의 및 개발 문의는 Email : wkzkfmxksi@gmail.com

추가 포스팅이 이뤄지지 않는 블로그입니다. 문의는 wkzkfmxksi@gmail.com 으로 연락주세요.
kay
조회 수 2881 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

상황 : 

아무리 들여다 보아도 분명 폼으로 쌓여있는 것이 분명한데 값을 가져오지 못하는 상황이었습니다. 


원인 : 

간소화해보면 아래와 같은 html 페이지가 있을때

div 태그의 위치가 맞지 않게 되면 jQuery에선 해당 input의 값을 가져오지 못합니다..

해당 폼의 html 값을 찍어보고 나서야 이해했습니다. 


( 전혀 예상치 못했습니다..;; html 페이지 라인의 압박으로.. 차마 보지 못했던.. 사실은 엉성한 html 들여쓰기의 문제도 있었지요.. )



test Url : http://www.uhoon.co.kr/test/1219.html


<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<script src="http://code.jquery.com/jquery-latest.min.js"></script>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8">
</head>
<script type="text/javascript">
<!--
	$(function() {
		$("#btn").on("click",function(){
			alert($("form[name='frmA'] input[name='inputAA']").val());
			alert($("form[name='frmA']").html());
		});
	});
//-->
</script>
<body >
<div>
<form name="frmA" >
<input type="text" name="inputA" />
<input type="text" name="inputB" />
</div>
<input type="text" name="inputC" />
<div>
	<input type="text" name="inputD" />
</div>
<input type="text" name="inputAA" />
<input type="text" name="inputBB" />
<input type="text" name="inputCC" />
<input type="text" name="inputDD" />
<div>
</form>
</div>
<input type="button" id="btn" value="폼 확인" />
</body>
</html>
?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
3 Javascript Chrome Bug - Location.reload() 호출 시 Form 데이터가 초기화 되는 문제 1 kay 2014.01.14 10417
» Javascript jQuery 로 폼안의 객체를 가져오지 못하는 경우 kay 2013.11.20 2881
1 Javascript waiting for code.jquery.com kay 2013.05.31 15814
Board Pagination Prev 1 Next
/ 1