[JavaScript知识库] H5移动端下拉

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> H5移动端下拉 - mobileSelect -> 正文阅读

[JavaScript知识库]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>