个人比较喜欢用的省市联动
这是使用QQ网站用的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>
后台用的是js。
实例下载:https://files.cnblogs.com/zjfree/qqJsAddress.rar
源码面前,了无秘密
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步