在时间就是生命的时候。拿来主义蛮好的。省去了很多力气和时间。地点的三级联动,这里用的就是腾讯的。
在 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; }