将 javascript 变量值传递给表单内的输入类型隐藏值答案

【问题标题】：Pass a javascript variable value into input type hidden value inside a form将 javascript 变量值传递给表单内的输入类型隐藏值
【发布时间】：2020-02-11 11:30:57
【问题描述】：

我正在尝试将用户的国家/地区名称作为 WP 中联系表单的隐藏输入字段发送。

地理定位服务是http://www.geoplugin.net/javascript.gp 为了访问此服务，我在页面顶部添加了以下 Javascript 调用：

<script language="JavaScript" src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>

添加后，您将拥有可用于整个页面的地理本地化 javascript 函数，而我想要使用的是

function geoplugin_countryName()

联系表格嵌入正文中：

<form name='Form' id='' method='post' action='https://app.url.com/...'>

<div class='form-group'>
<input type='email' name='Email' class='form-control' placeholder='Email Address' value='' required >
</div>

<div class='form-group'>
<input type='hidden' name='Country' class='form-control' value='' id='detected-country'>
</div>

<div class='form-group'>
<input class='button' type='submit' name='submit'; value='Submit'>
<input type='hidden' name='reflink' value=''>
</div>
</form>

我尝试在表单的 Country 输入行之后添加以下代码。当我收到用户电子邮件时，表单已发送，但“国家/地区”字段为空。

<script language="javascript" type="text/javascript">
var country=0;
function geoplugin_countryName()
{
return country;
document.getElementById('detected-country').value=country;
}
</script>

非常感谢您的帮助。

【问题讨论】：

您可以添加您收到的错误。说它不起作用是不够的。
感谢您的评论。当我收到用户的电子邮件时，表单已发送，但国家/地区字段为空。我已经编辑了问题。
这一行永远不会被读取 document.getElementById('detected-country').value=country;因为它是在返回之后。
其实我尝试了不同的方法。你有什么建议吗？

标签： javascript web hidden-field

【解决方案1】：

这样试试

<script language="javascript" type="text/javascript">
  document.getElementById('detected-country').value = geoplugin_countryName();
</script>

下面的链接有示例代码。

https://www.geoplugin.com/examples

【讨论】：

我没有投反对票。我已经尝试过了，但是国家字段仍然是空的。谢谢。