http://postcode.map.daum.net/guide
우왕.....
원래는 DB에 주소 데이터를 다 넣던지
우체국 api 신청해서 xml 데이터로 받은다음에 파싱해서
구현해줘야 했는데
다음에서 엄청 간단하게 처리하는게 나왔군
역시 다음이야
써보니 매우 좋음 !!!!!!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <html> <head> </head> <body> <input type="text" id="post1"> - <input type="text" id="post2"> <input type="button" onclick="openDaumPostcode()" value="우편번호 찾기"><br> <input type="text" id="addr"> <input type="text" id="addr2"> <script src="http://dmaps.daum.net/map_js_init/postcode.js"></script> <script> function openDaumPostcode() { new daum.Postcode({ oncomplete: function(data) { // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분. // 우편번호와 주소 정보를 해당 필드에 넣고, 커서를 상세주소 필드로 이동한다. document.getElementById('post1').value = data.postcode1; document.getElementById('post2').value = data.postcode2; document.getElementById('addr').value = data.address; //전체 주소에서 연결 번지 및 ()로 묶여 있는 부가정보를 제거하고자 할 경우, //아래와 같은 정규식을 사용해도 된다. 정규식은 개발자의 목적에 맞게 수정해서 사용 가능하다. //var addr = data.address.replace(/(\s|^)\(.+\)$|\S+~\S+/g, ''); //document.getElementById('addr').value = addr; document.getElementById('addr2').focus(); } }).open(); } </script> </body> </html> |