如何将js变量与html表单链接并发送到PHP文件

时间:2014-03-04 17:02:20

标签: javascript php jquery ajax

我已经问过类似的问题,但我找不到好的解决方案。 我在js中有一个名为'lat'的变量,它是数字(lattitude)。 我想将此变量与表单连接,我在我的网站上, 并在表单末尾点击提交按钮时,将其与用户插入的其他信息一起发送到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等。  但他们都没有工作。任何人都可以帮忙解决这个问题吗?

4 个答案:

答案 0 :(得分:3)

向表单添加隐藏输入以存储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);

因为它是表单上的输入,所以它会自动通过表单发送。

答案 1 :(得分:1)

值是静态的吗?您可以向包含lat值的表单添加隐藏元素。 例如在jQuery中:

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

答案 2 :(得分:0)

使用纯javaScript,

var lat = input.lat();

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

答案 3 :(得分:0)

在表单标记中添加此隐藏字段:

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

然后{j}的$('#lat').val(lat);或者document.getElementById('lat').value = lat;如果您只是使用JavaScript。

然后,在提交表单时,您将获得“lat”字段的值作为表单变量。