如何用html表單鏈接js變量並發送到PHP文件

Question

我已經問過類似的問題，但找不到很好的解決方案。 我在js中有一個名為“ lat”的變量，即數字（緯度）。 當我單擊表單末尾的提交按鈕時，我想將此變量與表單（我在我的網站上擁有）連接起來，並將其與用戶插入的其他信息一起發送到php文件中。

<form action="address.php" method="post" class = "form1">

<--some input fields-->



<textarea id = "jj" name="comentary" cols="32" rows="12" wrap="virtual"></textarea></p>
<p class ="p2"><input type ="submit"  id = "ff" value="Send"></p>

</form>

我的js腳本在head標簽中，在功能中，我從地圖上的用戶選擇中獲取“ lat”。

var lat =  input.lat(); 

我嘗試了很多腳本來解決它，包括Ajax等，但是沒有一個起作用。 誰能解決這個問題？

Answer 1

將隱藏的輸入添加到表單中以存儲lat變量值：

<form action="address.php" method="post" class = "form1">
    <input type='hidden' id='latValue'>
    <--some input fields-->



    <textarea id = "jj" name="comentary" cols="32" rows="12" wrap="virtual"></textarea>    </p>
    <p class ="p2"><input type ="submit"  id = "ff" value="Send"></p>

</form>

JavaScript的

var lat = input.lat();

$("#latValue").val(lat);

因為它是表單上的輸入，所以它將自動與表單發布一起發送。

Answer 2

值是靜態的嗎？ 您可以向包含lat值的表單添加一個隱藏元素。 例如在jQuery中：

var latElement = $("<input />").attr("type", "hidden");
latElement.val(lat);
$(".form1").prepend(latElement);

Answer 3

使用純JavaScript，

var lat = input.lat();

document.getElementById("latValue").value = lat;

Answer 4

在表單標簽內添加以下隱藏字段：

<input type="hidden" id="lat" name="lat" value="">

然后$('#lat').val(lat); 用於jQuery或document.getElementById('lat').value = lat; 如果您僅使用JavaScript。

然后，在提交表單時，您將擁有“ lat”字段的值作為表單變量。