一、此功能需要下载两个js文件：
jquery.js 和 jquery.cityselect.js
二、写个页面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<script src="/testRSA/js/jquery.js"></script>
<script src="/testRSA/js/jquery.cityselect.js"></script>
<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<%--<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=123.54.74.14"></script>--%>
<body>
<p>您所在的城市是：<script>document.write(myprovince+' '+mycity);</script></p>
<div id="city_1">
<select class="prov"></select>
<select class="city"></select>
</div>
</body>
</html>
三、添加js代码实现功能
<script>
var myprovince = remote_ip_info['province'];
var mycity = remote_ip_info['city']
var mydistrict = remote_ip_info['district'];
$(function(){
$("#city_1").citySelect({
prov:myprovince,
city:mycity
});
});
</script>
完整页面：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<script src="/testRSA/js/jquery.js"></script>
<script src="/testRSA/js/jquery.cityselect.js"></script>
<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<%--<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=123.54.74.14"></script>--%>
<body>
<h3>调用新浪IP库接口</h3>
<p>您所在的城市是：<script>document.write(myprovince+' '+mycity);</script></p>
<div id="city_1">
<select class="prov"></select>
<select class="city"></select>
</div>
<script>
var myprovince = remote_ip_info['province'];
var mycity = remote_ip_info['city']
var mydistrict = remote_ip_info['district'];
$(function(){
$("#city_1").citySelect({
prov:myprovince,
city:mycity
});
});
</script>
</body>
</html>
Over！
版权声明：本文为CSDN博主「weixin_34261415」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_34261415/article/details/91747364
![GitHub连夜封杀！这份阿里 10W 字内部 Java 字面试手册到底有多强？[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)