从QQ网站中提取的纯JS省市区三级联动

最新推荐文章于 2020-07-28 20:22:15 发布

北溟の魚

最新推荐文章于 2020-07-28 20:22:15 发布

阅读量1.9k

点赞数

分类专栏： ┈━═☆ JQuery 文章标签： javascript 省市区三级联动

本文链接：https://blog.csdn.net/kongcheng_001/article/details/48088765

版权

┈━═☆ JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

QQ是使用引用外部JS来实现三级联动的。JS如下：http://ip.qq.com/js/geo.js
这里写图片描述

<!DOCTYPE html>
<html>
<head>
<title>QQ JS省市区三级联动</title>
<!-- 直接使用QQ的省市区数据 -->
<!--
<script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script>
-->
<script type="text/javascript" src="geo.js"></script>
</head>
<body onload="setup();preselect('陕西省');promptinfo();">
        <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 onclick="alert(document.getElementById('address').value); return false;" type="submit" value="提交" />
        </form>
<script>

//这个函数不是必须的，在该示例中需要将调用的值弹出以方便查看才用到的，而不是在geo.js里每次更改地址时都会调用此函数
function promptinfo()
{
    var address = document.getElementById('address');
    var s1 = document.getElementById('s1');
    var s2 = document.getElementById('s2');
    var s3 = document.getElementById('s3');
    address.value = s1.value + s2.value + s3.value;
}

</script>
</body>
</html>

实例下载：http://files.cnblogs.com/zjfree/qqJsAddress.rar

北溟の魚

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
从QQ网站中提取的纯JS省市区三级联动

从QQ网站中提取的纯JS省市区三级联动，QQ是使用引用外部JS来实现三级联动的。JS如下：http://ip.qq.com/js/geo.js <!DOCTYPE html><html><head><title>QQ JS省市区三级联动</title>
复制链接

扫一扫