getElementById不能在文本框中工作？

问题描述：

我能够检索谷歌地图的特定位置的经纬度信息，我想它在文本框中显示，这样我可以使用PHP将其插入到MySQL数据库。但看起来我的方法似乎不正确。它不显示，如果我使用文本框，但它显示当我使用div。以下是以下代码：getElementById不能在文本框中工作？

的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>

感谢。

输入标签不能有.innerhtml。他们是单身人士的标签，永远不会有'孩子'的元素。 – 2012-01-29 19:11:53

何时或如何调用JavaScript？点击按钮？文本框模糊？ – DOK 2012-01-29 19:12:01

答

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

非常感谢。我想我必须重新学习JavaScript的基础知识。 – SupaFlybaba 2012-01-29 19:15:41

答

使用.value财产。

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

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

如果你想换行，你需要使用一个<textarea>代替<input>的。

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

注意，你不需要关闭+ ""。

答

您不能设置输入对象的innerHTML属性。改用Value属性。

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

另外在输入元素中不使用html标签。它用于文本。所以像

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