Javascript

jQuery 로 폼안의 객체를 가져오지 못하는 경우

by kay posted Nov 20, 2013
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

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

상황 : 

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


원인 : 

간소화해보면 아래와 같은 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>

Articles

1 2