H5移动端下拉 - mobileSelect

H5移动端下拉 - mobileSelect
在这里插入图片描述

        <link rel="stylesheet" type="text/css" href="/css/mobileSelect.css">
        <div class="row_val inputs"  id="triggerSel"></div> 

        <script type="text/javascript" src="/js/mobileSelect.min.js"></script>
 	<script type="text/javascript">
	 var mobileSelect1 = new MobileSelect({
    
    
	        trigger: '#triggerSel',
	        title: '状态选择',
	        wheels: [
	            {
    
     data: vueData.statusArr }
	        ],
	        position: [vueData.statusIndex], //初始化定位 打开时默认选中的哪个 如果不填默认为0
	        //选中当前位置的值
	        transitionEnd: function(indexArr, data) {
    
    
	            //alert(data);
	        },
	        //点击完成后展示的参数
	        callback: function(indexArr, data) {
    
    
	             console.log(data);
	          /*   vueData.countInto[4].val = data[0];
	            vueData.status = indexArr;
	            vueData.statusIndex = vueData.status[0]
	            vueData.pageNum = 1; */
	            
	           // query("refresh");
	            $("#triggerSel").html("") // 避免triggerSel 中再显示结果
	        }
	    });
</script>


猜你喜欢

转载自blog.csdn.net/weixin_43506403/article/details/124404057
今日推荐