一款jQuery多级下拉菜单联动插件

简介

district 是一款 jQuery 插件,主要用于多级菜单联动(如省市县),可根据自己需求定制。支持 jQuery.select2(优化下拉菜单插件)插件,支持原生 select(下拉菜单)。

演示

DEMO常规版

DEMO插件版

DEMO原生版

开发特性支持

最新的 district 提供了这些支持包括:

多级联动 事件回调自定义 装载函数自定义(实现支持不同插件的可能) 数据源映射关系(可使用自己已用数据源) 回调函数支持(支持电话区号、邮政编码、详细地址自动补全) 支持表单的新增及修改 开发理念

简单、快速。

开使使用

加载依赖库

<script src="jQuery.js"></script>

加载本插件

<script src="districts.chinese.min.js"></script> <script src="district.js"></script>

调用

<script type="text/javascript"> $(function(){ $('[name=province_code],[name=city_code],[name=country_code]').district({data:ChineseDistricts}); }); </script>

HTML代码

<select class="form-control" name="province_code" rel-target="[name=city_code]" rel-option="130000" data-placeholder="请选择省/直辖市"></select> <select class="form-control" name="city_code" rel-target="[name=country_code]" rel-option="130100" data-placeholder="请选择市/区"></select> <select class="form-control" name="country_code" rel-option="130123" data-placeholder="请选择县"></select>

完成

商业友好的开源协议

遵循Apache2开源协议发布。Apache Licence是著名的非盈利开源组织Apache采用的协议,该协议和BSD类似,鼓励代码共享和尊重原作者的著作权,同样允许代码修改,再作为开源或商业软件发布。

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。