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

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

 31755  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, ""));
    } //回调
});
相关插件-丰富的输入,选择框

一款jQuery评论插件

jQuery评论插件,带表情,数量可随意添加,数据保存到本地缓存,刷新不丢失。
  丰富的输入
 22953  267

jQuery的在线涂鸦插件wPaint

wPaint.js一个不错的在线实时绘图jQuery插件.提供了能够加载和保存绘制的图像绘制图像。它是基于HTML5的canvas。
  丰富的输入
 42158  350

web聊天UI界面效果及其特效设计(原创)

html+js,web聊天UI界面效果及其特效设计
  丰富的输入
 35168  327

jQuery移动端自制画板

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

讨论这个项目(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
    我没看清楚 抱歉了兄弟
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复