地区选择插件(三级联动),默认生成中国地区
一个中国地区的三级联动数据,也可以自定义数据。
在线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形式)
第三个参数是选择器前面的提示词语
效果图
关于我: http://www.qirenji.info/about
GitHub: https://github.com/qirenji/
E-mail: lyf@qirenji.com
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。