原生 js 移动端选择控件,不依赖任何库可传入普通数组或者 json 数组可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择自动识别是否级联提供回调函数 onChange() 返回当前选择索引位置、以及选择的数据每次手势滑动结束后,也提供一个回调函数 onTransitionEnd() 返回当前选择索引位置、以及选择的数据能够在已经实例化控件后,提供 update 函数再次渲染,可用于异步获取数据或点击交互后需要改变所选数据的场景提供initValue支持回显场景 <link rel="stylesheet" href="css/mobileSelect.css" media="all" />
<script src="js/mobileSelect.js"></script>
<script>
var mobileSelect4 = new MobileSelect({
trigger: '#trigger4',
title: '请选择',
wheels: [
{data:[
{
id:'1',
value:'分类一',
childs:[
{id:'1',value:'1000米'},
{id:'2',value:'2000米'},
{id:'3',value:'3000米'},
{id:'4',value:'5000米'},
{id:'5',value:'10000米'}
]
},
{id:'2',value:'分类二',
childs:[
{id:'1',value:'嗯嗯'},
{id:'2',value:'嗯嗯'},
{id:'3',value:'让人'},
{id:'4',value:'特'},
{id:'5',value:'尔特'}
]
},
{id:'3',value:'分类三'},
{id:'4',value:'分类4'},
{id:'5',value:'分类5'},
{id:'6',value:'分类6'}
]}
],
connector: " - ",
transitionEnd:function(indexArr, data){
console.log(data);
},
callback:function(indexArr, data){
console.log(JSON.stringify(data));
}
});
</script>
评论
172条评论你好 Lv.1 回复
1111你好
北京市 移动
▓▓▓▓ Lv.1
Chrome 99.0.4844.84
Windows 7 回复
是反方向
上海市 电信
Lv.1 回复
6666啊
中国 移动
6666 Lv.1 回复
666嘿嘿
云南省昆明市 电信CDMA/LTE全省共用出口
是不是 Lv.1
Chrome 99.0.4844.84
Windows 回复
是的 撒
四川省 联通
时光 Lv.1 回复
新人报道
学习一下
四川省 广电网
1024764126 Lv.1 回复
在我熄灭之前,能够照亮你一点,就是我所能做的了
河北省唐山市 电信
轻语 Lv.1
Chrome 98.0.4758.9
Windows 7 回复
轻语
浙江省温州市 电信
情谊32 Lv.1
Safari 15.4
Mac OS X 10.15.7 回复
11爽肤水FSF饿
山东省淄博市 移动
可乐888 Lv.1 回复
啊。。。。。。。。
广东省广州市 联通