使用 Javascript 设置表单隐藏值

Posted 2023-02-23

【中文标题】使用 Javascript 设置表单隐藏值

【英文标题】：Set Form hidden values with Javascript

【发布时间】：2013-08-03 18:58:57

【问题描述】：

我在页面加载时调用此函数getLocation()：

<script>
function getLocation()

    if (navigator.geolocation)
    
        navigator.geolocation.getCurrentPosition(showPosition,showError);
    

function showPosition(position)

    var latlon=position.coords.latitude+","+position.coords.longitude;
    //alert("Your location: "+latlon);
    document.getElementById("latitude").value = coords.latitude;
    document.getElementById("longitude").value = coords.longitude;

function showError(error)

之后，我在 html 中定义了两个隐藏值：

<FORM id="myForm" action="insertar.php" method="post" enctype="multipart/form-data" data-ajax="false">
    ....Some other controls...
<input type="hidden" id="latitude" name="latitude" value="">
<input type="hidden" id="longitude" name="longitude" value="">
</FORM>

在这个函数中，我用用户的当前位置设置了两个隐藏值latitude 和longitude。但是在 PHP 表单 POST 上，这两个值没有通过。怎么了？

【问题讨论】：

您是否检查过 DOM 以检查值是否已设置？

【参考方案1】：

我觉得这两行应该是这样的

document.getElementById("latitude").value = position.coords.latitude;
document.getElementById("longitude").value = position.coords.longitude;

【参考方案2】：

Hidden Input Values not being passed through form to New URL

我搜索了一些相关文章，发现这篇文章最相关。检查并告诉我。