JAVASCRIPTで取得したデータをFORMの隠しフィールドに渡したい

Question

前提・実現したいこと

いつもお世話になっております。
現在PHP+MySQLで日報アプリを作っているのですが、Geolocationで取得した現在地座標（緯度・経度）を、投稿時にデータベースに追加したいと思っております。
現在地座標をHTML上に表示は出来たのですが、その先がよく分かりません。

HEADタグ内

 <script>
if (navigator.geolocation) {

	navigator.geolocation
		.getCurrentPosition(success,error,options); 

	var options = {
		enableHighAccuracy: true, 
		timeout: 1000,
		maximumAge: 0
	};

	function success(position) {
		var crd = position.coords;
		document.getElementById("now_lat")
			.textContent = crd.latitude;
		document.getElementById("now_lng")
			.textContent = crd.longitude;
	};

	function error(err) {
		document.getElementById("now_lat").textContent 
			= "エラー : " + err.code;
		document.getElementById("now_lng").textContent 
			= "エラー : " + err.message;
	};

} else {
    document.getElementById("now_lat").textContent
			= "このブラウザではGeolocationの使用はできません";
}

</script>

BODYタグ内

<div id="now_lat"></div>
<div id="now_lng"></div>

HTMLへの出力は問題ないので、座標取得はうまく行っていると思います。

###試したこと

<input type="hidden" id="now_lat" name="now_lat" value="now_lat">
<input type="hidden" id="now_lng" name="now_lng" value="now_lng">

変数が展開されずそのまま表示されてしまいます。
HTML内の記法が悪いのでしょうか？それともJAVASCRIPT内に問題があるのでしょうか？正しい書き方がございましたらご教示いただければと思います。何卒宜しくお願いいたします

Answer 1

div と input type="hidden" 要素で id がダブっています。まずそれが NG だと思います。

次に、input type=hidden" 要素に textContent を使っているのも NG だと思います。value 属性で取得した座標の文字列を代入したらどうなりますか。

Comments

[capella]

idを修正した上で、textContentをvalueとすることでうまくデータを渡すことが出来ました。
ありがとうございます！

document.getElementById("now_lat")
.value = crd.latitude;
document.getElementById("now_lng")
.value = crd.longitude;

Answer 2

idがこのように重複している場合
正しく動作しないことがあるため、修正が必要です。

idは文書全体で一意でなければならない。
https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/id

<div id="now_lat"></div>
<div id="now_lng"></div>
<input type="hidden" id="now_lat" name="now_lat" value="now_lat">
<input type="hidden" id="now_lng" name="now_lng" value="now_lng">

Answer 3

実際のコードではtextContentではなくちゃんとinputのvalueに設定してますか？
きっとまずデバッグでtextContent書いたのだろうけど、inputに書き換えた時にうっかりそのままtextContent設定してたりしませんか？