滑动下拉选择

 

 

 

<script>
mui.ready(function(){
$('.J_test').click(function(){
var _this = $(this), UP = new mui.PopPicker();
UP.setData([ { value: '是', text: '是'}, { value: '否', text: '否'} ]);
UP.show(function(rows) { _this.val(rows[0].value); _this.next().val(rows[0].value);});    //  _this.next().val(rows[0].value);的意思是把值存取到隐藏域中，这样点击下一步  它会自动存取选择的“是”或“否”的值。
});
});
</script>

 

分析：  案例引用的是mui框架，首先引用第二张图片的标记的css和js，另外还需要写第三张图片的js；

在第一张图中  input标签可以换成其他的i或em标签，但是换成i或em标签的话  需要在后面加一个隐藏域 <input type="hidden" /> 这个就是用来存取值的。

要是写成input标签 就不需要写隐藏域，因为input标签里面自带name标签，可以不要写。