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" >
              <option></option>
            </select>
            <select class="select" name="city" >
              <option></option>
            </select>
            <select class="select" name="town" >
              <option></option>
            </select>
            <input  />
            <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>


相关文章:

  • 2022-12-23
  • 2021-12-04
  • 2021-07-06
  • 2021-10-29
  • 2021-06-30
  • 2021-10-25
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-10-16
  • 2021-05-28
  • 2021-07-18
  • 2021-04-24
相关资源
相似解决方案