注:请在移动端预览,PC端无滑动选择效果
先引入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 13 | //是否 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, " ")); } //回调 }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com