getElementByIdがテキストボックスで機能していませんか？

Question

私はGoogleマップの特定の場所のlatlngを取得することができました。私はそれをmySQLデータベースに挿入するためにphpを使うことができるように、テキストボックスに表示したかったのです。しかし、私の方法は何とか正しいとは思われませんでした。テキストボックスを使用すると表示されませんが、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

.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+"";