getElementById无法在文本框中工作？

Question

我能够在google地图中检索特定地点的latlng，我希望它显示在文本框中，以便我可以使用php将其插入到mySQL数据库中。但似乎我的方法不知何故是不正确的。如果我使用文本框，它不会显示，但是当我使用div时它会显示。 以下是以下代码：

的Javascript

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

使用.value而不是.innerHTML来设置文本输入元素的值。

Answer 2

使用.value属性。

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

但是，当然这会给你HTML标记，而不是你期望的DOM元素。

---

如果您想要换行，则需要使用<textarea>代替<input>。

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

请注意，您不需要结束+ ""。

Answer 3

您无法设置输入Object的innerHTML属性。请改用Value属性。

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

在输入元素中也不建议使用html标记。它用于文本。所以像

一样使用它

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