Question

我已经为此寻找答案，但事实证明有点棘手......

在我的html页面上，我有一个下拉菜单，其中包含所有国家/地区的列表。

<option value="AF">Afghanistan</option>
<option value="AX">Åland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>

我的问题是，有没有办法根据访问网站的位置默认选定的选项？（即如果我从南非访问该网站，它将自动转到南非

Answer 1

有一些免费服务可以让你从客户端进行国家和基于IP的地理定位。

我使用了wipmania免费的JSONP服务，它非常简单易用：

<script type="text/javascript">
  // plain JavaScript example
  function jsonpCallback(data) { 
    alert('Latitude: ' + data.latitude + 
          '\nLongitude: ' + data.longitude + 
          '\nCountry: ' + data.address.country); 
  }
</script>
<script src="http://api.wipmania.com/jsonp?callback=jsonpCallback"
        type="text/javascript"></script>

或者，如果你使用支持JSONP的框架，比如jQuery，你可以：

// jQuery example
$.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) { 
  alert('Latitude: ' + data.latitude + 
        '\nLongitude: ' + data.longitude + 
        '\nCountry: ' + data.address.country); 
});

检查上面的代码段here。

根据您在html中的位置选择默认选项

1 个答案: