所属分类:网页特效-悬浮层/弹出层,输入/选择框/联动,滑块/旋转/滚动
注:请在移动端预览,PC端无滑动选择效果
先引入css和js,MultiPicker.css和MultiPicker.js
<input type="text" name="" id="attend-input" value="" placeholder="请选择" readonly/> <!--是否选择容器--> <div id="attend-targetContainer"></div>JS
//是否 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, "")); } //回调 });