javascript - 将内容插入 html - maxmind geoip2

Question

我正在使用一项根据 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 中显示城市，但我似乎无法让它工作。有人知道我该怎么做吗？

Answer 1

编辑:

如果您有 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);
};