jQuery手机wap省市区联动插件【原创

来源:https://www.sucaihuo.com/js/2217.html 2017-06-22 07:06浏览(2387) 收藏

jQuery手机wap浏览器点击按钮,底部动画弹出省市区三级联动,很实用的手机wap省市区插件。
jQuery手机wap省市区联动插件
分类:表单代码 > 三级联动 难易:
查看演示 下载资源 下载积分: 120 积分

移动端三级联动实用方法:

<a href="#" class="btn btn-info btn-lg active" role="button" id="sel_city">点击选取省市区县</a>
<script src="js/picker.min.js"></script>
<script src="js/city.js"></script>
var nameEl = document.getElementById('sel_city');

选项

title:插件标题

data

插件的数据,是一个二维数组,第一维表示多少列数据,第二维表示每列的数据,单个数据是一个 object,由 text 和 value 两个字段组成,text 表示显示在插件的文本,value 表示数据的值。

selectedIndex (Array)

插件初始化默认选择的数据索引,是一个二维数组,第一维表示列的序号,第二维表示每列的行号,从 0 开始。

事件

picker.change

当一列滚动停止的时候,会派发 picker.change 事件,同时会传递列序号 index 及滚动停止的位置 selectedIndex。

picker.select

当用户点击确定的时候,会派发 picker.select 事件,同时会传递每列选择的值数组 selectedVal 和每列选择的序号数组 selectedIndex。

picker.cancel

当用户点击取消的时候,会派发picker.cancel事件。

picker.valuechange

当用户点击确定的时候,如果本次选择的数据和上一次不一致,会派发 picker.valuechange 事件,同时会传递每列选择的值数组 selectedVal 和每列选择的序号数组 selectedIndex。

方法

show (next)

显示筛选器,next 为筛选器显示后执行的回调函数。

hide ()

隐藏筛选器,一般来说,筛选器内部已经实现了隐藏逻辑,不必主动调用。

声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2217.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2