首页 | 6857 | 697 | 348 | 添加收藏 上一个 下一个
jQuery移动端多级选择(可自定义)插件

注:请在移动端预览,PC端无滑动选择效果


使用方法


先引入css和js,MultiPicker.css和MultiPicker.js,


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

script:


//是否
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, ""));
    } //回调
});