在时间就是生命的时候。拿来主义蛮好的。省去了很多力气和时间。地点的三级联动,这里用的就是腾讯的。

http://ip.qq.com/ 的网站中有QQ自己的JS省市区三级联动,图下:
查看其源代码,发现了其引用了一个geo.js。地区数据全部在里边,还包含了查询遍历的一个方法。在html页面中,也找到了使用geo的方法。

结合bootcss的样式,一个比较好看的三级联动实现就好了。图如下:

注意,在html页面,select的id命名必须是s1,s2,s3。option空着。初始化调用setup();默认带一个第一级地区,使用preselect(‘上海市’);显示选择结果,调用promptinfo();前边两个方法是geo.js中的,最后一个是自己定义的。如下边code:

        window.onload = function()
        {
            setup();
            preselect('上海市');
            promptinfo();
        }
            
        function promptinfo()
        {
            var address = document.getElementById('address');
            var s1 = document.getElementById('s1');
            var s2 = document.getElementById('s2');
            var s3 = document.getElementById('s3');
            var value = s1.value + s2.value + s3.value;
        }