如何用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”字段的值作为表单变量。