728x90
1. jsp
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
2. js
//주소 api
window.onload = function(){
document.getElementById("id값입력").addEventListener("click", function(){ //주소입력칸을 클릭하면
//카카오 지도 발생
new daum.Postcode({
oncomplete: function(data) { //선택시 입력값 세팅
document.getElementById("id값입력").value = data.address; // 주소 넣기
document.querySelector("input[name=name값입력]").focus(); //상세입력 포커싱
}
}).open();
});
}
728x90
'FRONT' 카테고리의 다른 글
[JavaScript 자바스크립트] querySelector / querySelectorAll / getElementById란 ? (0) | 2022.08.04 |
---|---|
[JavaScript 자바스크립트] classList 사용 - 여러개의 클래스 중 특정 클래스 추출 (0) | 2022.08.03 |
[JavaScript 자바스크립트] 뒤로가기, 앞으로가기 (0) | 2022.06.16 |
[Html] <button /> 버튼에 링크걸기 (0) | 2022.06.16 |
[CSS] 클래스 중복 사용으로 인한 불필요한 화면 지우기 (0) | 2022.06.16 |