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

所属分类:输入-丰富的输入,选择框

 29889  324  查看评论 (18)
分享到微信朋友圈
X
jQuery移动端多级选择(可自定义)插件 ie兼容12

注:请在移动端预览,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, ""));
    } //回调
});
相关插件-丰富的输入,选择框

bootstrap登录注册表单切换页面

简洁通用的登录和注册表单弹窗切换,这是一款基于html5 css3 bootstrap创建的响应式登录注册页面模板
  丰富的输入
 31228  307

移动端答题切换插件

移动端自适应答题插件,通过循环json获取数据
  丰富的输入
 25972  358

jQuery移动端自制画板

可以使用多种颜色画笔进行图画,有橡皮擦,代码注释较全容易扩展。注意请在移动端查看效果!
  丰富的输入
 27508  301

jQuery模态窗 留言板(原创)

窗口可拖动,留言可以添加删除
  丰富的输入
 32906  346

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    米奇 0
    2022/9/24 10:04:13
    现在用不了了,选择的时候无法选择其他的 只能选择第一个 回复
    ? 0
    2020/6/3 14:35:55
    安卓微信浏览器不支持这插件
        昆古尼尔0
        2022/12/26 0:03:14
        你好,你最后找到解决办法了嘛
        LiuQ0
        2023/10/9 14:42:59
        确实,安卓微信中不能用
    回复
    千秋一寸心 0
    2020/5/29 17:25:26
    移动端现在用不了了。是因为啥呢? 回复
    袁小康 0
    2019/6/4 23:56:52
    怎么动态添加选项内容呢?兄弟
        仙人1
        2019/11/1 16:17:47
        jsonData的数据主要按格式就行,动态添加就往jsonData里添加一个,再new一下
    回复
    赤月 0
    2019/4/18 14:08:49
    不能多级联动,比如省市区
        仙人0
        2019/11/1 16:13:36
        可以的
    回复
    俄是派大星的海绵宝宝 0
    2018/12/6 17:00:48
    为什么没有效果
        仙人0
        2018/12/29 10:03:38
        移动端看效果
    回复
    木槿丶 0
    2018/12/6 16:12:34
    兄dei,success会执行两次操作 回复
    木槿丶 0
    2018/12/6 15:03:48
    自定义如何自定义呢,现在的问题是在success里执行成功回调回莫名其妙多加一条数据 回复
    一腔诗意喂了狗 0
    2018/12/6 10:29:52
    只能和input匹配吗,a标签的id好像无效啊
        仙人1
        2018/12/29 10:02:46
        目前只用过input 其他没试过 你可以试试改改
    回复
    风的舞动 0
    2018/11/23 10:49:21
    我没看清楚 抱歉了兄弟
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复