JS地址:http://ip.qq.com/js/geo.js
实例如下:
<!DOCTYPE html> <html> <head> <title>省市区三级联动</title> <script src="http://ip.qq.com/js/geo.js" type="text/javascript" charset="gb2312"></script> <script src="http://code.jquery.com/jquery-1.12.0.min.js" type="text/javascript"></script> </head> <body> <form> <select class="select" name="province" id="s1"> <option></option> </select> <select class="select" name="city" id="s2"> <option></option> </select> <select class="select" name="town" id="s3"> <option></option> </select> <input id="address" name="address" type="hidden" value="" /> <input type="submit" value="提交" /> </form> <script> $(function () { //初始化地址选择 setup(); if ($("#address").val() == "") { preselect('四川省'); promptinfo(); } else { //初始化已有地址 var valArr = $("#address").val().split(","); $("#s1").val(valArr[0]); change(1); $("#s2").val(valArr[1]); change(2); $("#s3").val(valArr[2]); } }); //这个函数是必须的,因为在geo.js里每次更改地址时会调用此函数 function promptinfo(){ } </script> </body> </html>