테스트 사이트 - 개발 중인 베타 버전입니다

다음지도에서 주소와 전화 입력하려면??? 채택완료

다위 6개월 전 조회 1,464

다음지도에서 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("010-9806-9815");

</script>

 

크롬의 개발자 도구를 열어서 소스코드를 보니 
http://sir.kr/data/editor/2504/3067230685_1745539411.6458.png" width="100%" />

 

 

이렇게 되어 있습니다.

그래서 jquery를 사용하여 주소와 전화번호를 보이게 하려고 합니다.
자바스크립트에서 
 

$('.address span.txt').val("경기도 하남시 미사강변한강로 224번길 10 1층 103호");

$('.phone span.txt').val("010-9806-9815");
이렇게 사용했는데, 주소와 전화번호가 바뀌지 않네요
뭐가 문제일까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
6개월 전

$('.address span.txt').html("경기도 하남시 미사강변한강로 224번길 10 1층 103호");
$('.phone span.txt').html("010xxxx");

 

.val() 메서드는 폼 요소(input, select, textarea)의 값을 가져오거나 설정할 때 사용합니다.
일반 텍스트 내용은 .text() 또는 .html() 메서드를 사용해야 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

6개월 전

val 함수는 인풋에서만 가능한거고 만약에 텍스트를 출력한다면 text("내용") 을 사용해보세요

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

P
6개월 전

URL이 없어서 확답은 못하지만, 아마 순서에 따른 문제입니다.

jQuery 가 먼저 실행되고, 다음지도가 호출되는 경우라고 생각됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인