jQuery移动端多级选择可自定义插件

jQuery移动端多级选择可自定义插件

一款jQuery移动端多级选择(可自定义)插件,可自定义时间选择,自定义省市区选择等等。

使用方法
在页面先引入css和js,MultiPicker.css和MultiPicker.js

1
2
3
<input  type="text" name="" id="attend-input" value="" placeholder="请选择" readonly/>
<!--是否选择容器-->
<div id="attend-targetContainer"></div>

Script代码

1
2
3
4
5
6
7
8
9
10
11
12
new MultiPicker({
    input: 'attend-input', //点击触发插件的input框的id
    container: 'attend-targetContainer', //插件插入的容器id
    jsonData: [{
        value: '是',
    }, {
        value: '否',
    }],
    success: function(arr) {
        $('.attend-input').attr('value', JSON.stringify(arr[0].value).replace(/"/g, ""));
    } //回调
});
当前内容只有登录了才能查看,如果您已经注册,请登录
0

发表评论