다음지도에서 주소와 전화 입력하려면???
본문
다음지도에서 html 소스코드를 생성하여 아래 처럼 넣었습니다.
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1745533562340",
"key" : "2ntoo",
"mapWidth" : "640",
"mapHeight" : "360"
}).render();
console.log('63 address =',$('.address span.txt').val(), ' phone text=',$('.phone .txt').val());
$('.address span.txt').val("경기도 하남시 미사강변한강로 224번길 10 1층 103호");
$('.phone span.txt').val("*** 개인정보보호를 위한 휴대폰번호 노출방지 ***");
</script>
크롬의 개발자 도구를 열어서 소스코드를 보니
이렇게 되어 있습니다.
그래서 jquery를 사용하여 주소와 전화번호를 보이게 하려고 합니다.
자바스크립트에서
$('.address span.txt').val("경기도 하남시 미사강변한강로 224번길 10 1층 103호");
$('.phone span.txt').val("*** 개인정보보호를 위한 휴대폰번호 노출방지 ***");
이렇게 사용했는데, 주소와 전화번호가 바뀌지 않네요
뭐가 문제일까요?
답변 3
$('.address span.txt').html("경기도 하남시 미사강변한강로 224번길 10 1층 103호");
$('.phone span.txt').html("010xxxx");
.val() 메서드는 폼 요소(input, select, textarea)의 값을 가져오거나 설정할 때 사용합니다.
일반 텍스트 내용은 .text() 또는 .html() 메서드를 사용해야 합니다.
URL이 없어서 확답은 못하지만, 아마 순서에 따른 문제입니다.
jQuery 가 먼저 실행되고, 다음지도가 호출되는 경우라고 생각됩니다.
val 함수는 인풋에서만 가능한거고 만약에 텍스트를 출력한다면 text("내용") 을 사용해보세요