我正在使用一项根据 IP 生成用户城市的服务。我已经有一个脚本将其广告到隐藏表单字段的值字段。现在我需要将它插入到 html 中的 3 个不同位置。下面的当前脚本将城市插入到隐藏的表单字段中。到目前为止我所拥有的:
标题:
<script src="http://js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script>
正文:
<form name="form1" id="form1" method="post" action="script.php">
<input type="hidden" id="city" name="city" value="" />
</form>
<script type="text/javascript">
"use strict";
var getCity = function( geoipResponse ){
var cityName = geoipResponse.city.names.en || 'your city';
document.getElementById('city').value = cityName;
};
var fail
= function(err) {
alert(err.error);
console.error(err);
}
geoip2.city( getCity, fail );
</script>
<a href="javascript:{}" onclick="document.getElementById('form1').submit(); return false;" class="agree">Submit</a>
这可以很好地提交表单。现在我只需要在 html 中显示城市,但我似乎无法让它工作。有人知道我该怎么做吗?
最佳答案
编辑:
如果您有 3 个不同的位置来显示城市,请在 HTML 中 3 个不同位置的 HTML 元素中使用一个类。例如:
<div class="city-display"></div>
然后显示它:
var getCity = function( geoipResponse ){
var cityName = geoipResponse.city.names.en || 'your city';
document.getElementById('city').value = cityName;
$('div.city-display').text(cityName);
};
关于javascript - 将内容插入 html - maxmind geoip2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27790508/