注:请在移动端预览,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, "")); } //回调 });