jQuery省市区三级联动选择插件
移动端的省市区三级联动,用jquery.area.js
来做还挺顺手的。数据结构清晰,加载速度也不错,不用写一堆复杂逻辑,选完省份自动加载市、区,省心多了。
jQuery写的插件,逻辑比较直观,适合用在表单里做地址选择。比如你在做用户注册、收货地址、资料修改这类页面,用它能省不少事。
只要把jquery.area.js
引入,加上几个<select>;
,就能马上跑起来,响应也快,不挑浏览器。再配合个简洁的样式,体验还蛮友好的。
数据是提前定义好的 JSON,结构层级清晰,支持省、市、区三级,每一级切换都会自动更新下一层的数据。不用你自己写onchange
逻辑,直接上就行。
如果你追求纯 JS 实现,或者不用 jQuery,也可以看看其他的实现方式,比如JavaScript 版、纯 JS 组件这些,也都挺有参考价值。
要注意一点:数据更新的话,记得同步改 JSON 源,不然就会出现下拉不全、错位这种小 Bug。
如果你已经在用 jQuery,想快速上一个省市区选择器,不妨直接用jquery.area.js
试试,省事还稳。
54.22KB
文件大小:
评论区