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

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); 
});

检查在此处运行的上述代码段。