前端感觉写的比较少，也是为了练手，下午没事用来写了这个三级联动，也是第一次写这东西。
据我了解，城市信息可以选择存在数据库或者直接写在前端，为了省事，我直接写在前端，下面是我的代码：
$(document).ready(function(){//省份城市数组var fujian_city = new Array(‘福州’,’漳州’,’厦门’,’龙岩’,’泉州’,’南平’,’莆田’,’宁德’,’三明’);var guangdong_city = new Array(‘广州’,’深圳’,’东莞’,’潮州’,’河源’,’汕头’,’珠海’,’佛山’,’肇庆’,’韶关’);//城市下属区县数组var fuzhou_county = new Array(‘鼓楼区’,’台江区’,’平潭’,’晋安区’,’马尾区’,’福清市’,’长乐市’,’闽侯县’,’连江县’,’闽清县’);var zhangzhou_county = new Array(‘芗城区’,’龙文区’,’南靖县’,’平和县’,’龙海市’,’东山县’,’华安县’);var xiamen_county = new Array(‘湖里区’,’思明区’,’海沧区’,’集美区’,’同安县’,’翔安区’);//获取省份改变的事件，并设置被选择省份城市信息$(“#province”).change(function(){//清空每次选择留下的城市信息$(“#city”).find(“option”).remove();//设置未选择的城市默认状态$(“#city”).append(‘未选择’);//获取被选中省份的值var province=$(“#province”).val();//设置城市的自定义函数$.extend({set_cities:function(province){var arr_length = province.length;for(var i=1;i
效果如下：
jQuery实现select省市区三级联动下拉框，通过选择省，市区的值随之变化，非常适用于企业网站或者商城网站，用户在注册的时候填写的信息。php中文网推荐下载！
81
主要是做了这个功能，相关代码都有些备注，浅显易懂。如果你要使用可以直接继续添加省份、城市的数据，或者改改采用ajax获取数据，有不懂的代码可以留言或者联系我。
以上就是基于Jquery实现省份、城市、区县三级联动的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
662
收藏
