자바스크립트로 onclick 으로 넘어오는 메소드를 만들어준다.
자바스크립트 메소드 안에 들어갈 내용은...
new daum.Postcode( {
oncomplete: function(data) {
팝업에서 검색결과 항목 클릭했을 때 실행할 코드 입력하는 부분
} } ).open();
위의 소스코드는 다른 여러 개발자들의 글을 참고한 것인데 (′[name=homecode]′)는JQuery다.('[name=homecode]').val(data.zonecode); 는 name 값 homecode 를 가지고 있는 속성값에 data.zonecode를 넣는다고 보면 된다.
jQuery 를 안 쓰면
document.getElementById('postcode').value = data.zonecode;
이런 식으로 텍스트 상자의 값을 입력해주면 된다.
다음 스크립트를 로딩
HTML 코드로 Form, 대충 기본 틀
우편번호 주소 상세 주소 입력 집 전화 핸드폰 번호
자바스크립트로 onclick 으로 넘어오는 메소드를 만들어주기
function DaumPostcode() { new daum.Postcode({ oncomplete: function(data) { var roadAddr = data.roadAddress; // 도로명 주소 변수 // 우편번호와 주소 정보를 해당 필드에 넣는다. document.getElementById('postcode').value = data.zonecode; document.getElementById("roadAddress").value = roadAddr; detailAddress } }).open(); }