getElementById가 텍스트 상자에서 작동하지 않습니까?

Question

Google지도에서 특정 장소의 latlng을 검색 할 수 있으며 텍스트 상자에 표시되어 있으므로 PHP를 사용하여 mySQL 데이터베이스에 삽입 할 수 있습니다. 하지만 내 방식이 어떻게 든 올바르지 않은 것처럼 보입니다. 그것은 텍스트 상자를 사용하는 경우 표시되지 않지만 div를 사용할 때 표시됩니다.

자바 스크립트

document.getElementById("test").innerHTML = "<br/><br/><br/>Location 1 coordinates are: "+location1+""; 

HTML

<center><input type="text" id="test" value="" size="30"/></div></center> 

감사 : 다음은 다음과 같은 코드입니다.

Answer 1

.innerHTML이 아닌 .value을 사용하여 텍스트 입력 요소의 값을 설정하십시오.

Answer 2

.value 속성을 사용하십시오.

document.getElementById("test").value = "<br/><br/>..."; 

물론 이것은 예상 할 수있는 것처럼 HTML 마크 업을 제공하지만 DOM 요소는 제공하지 않습니다. 당신이 줄 바꿈을하려면

---

, 당신은 <input> 대신 <textarea>를 사용해야합니다.

document.getElementById("my_textarea").value = "\n\n\nLocation 1 coordinates are: " + location1; 

닫기 + ""은 필요하지 않습니다.

Answer 3

입력 개체의 innerHTML 속성을 설정할 수 없습니다. Value 속성을 대신 사용하십시오.

document.getElementById("test").value = "<br/><br/><br/>Location 1 coordinates are: "+location1+""; 

또한 입력 요소에는 html 태그를 사용하지 마십시오. 텍스트로 사용됩니다. 따라서 다음과 같이 사용하십시오.

document.getElementById("test").value = "Location 1 coordinates are: "+location1+"";