地区选择插件(三级联动),默认生成中国地区

城市选择器(三级联动) 介绍

一个中国地区的三级联动数据,也可以自定义数据。

在线demo地址:http://www.qirenji.info/practices/select-plugin/

使用 默认数据

引入js文件。

在html文件中插入

// html中添加 <div class="container"></div> <script src="dist/all.js"></script> <script> let selector = new Select('.container',default_data); </script>

默认就可以生成中国地区的三级联动数据啦

自定义数据

//html中添加 <div class="container1"></div> <script src="dist/all.js"></script> <script> const text = ['选项1','选项二','选项三'] //自定义数据 const data = { 'province': ['a1', 'a2', 'a3'], 'city': [ ['a11', 'a12', 'a13'], ['a21', 'a22'], ['a31', 'a32'] ], 'county': [ [['a111', 'a112'], ['a121', 'a122'], ['a131', 'a132']], [['a211', 'a212'], ['a221', 'a222']], [['a311'], ['a312']] ] }; let selector1 = new Select('.container1',data, text) </script> 第一个参数是插件所在的父容器 第二个参数是插件所要选择的数据(json形式) 第三个参数是选择器前面的提示词语 效果图

About

关于我: http://www.qirenji.info/about

GitHub: https://github.com/qirenji/

E-mail: lyf@qirenji.com

版权声明:

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