移动端省际联动插件mobiscroll
<link href="assets/css/mobiscroll.custom-2.17.0.min.css" rel="stylesheet" type="text/css" />
<script src="assets/js/mobiscroll.custom-2.17.0.min.js" type="text/javascript"></script>
//html
<ol class="treelist-sex" id="menusex">
<li>男</li>
<li>女</li>
</ol>
<select id="demo" class="all_width ">
<optgroup label="济南">
<option value="1">历下区</option>
<option value="2">市中区</option>
<option value="3">天桥区</option>
<option value="4" selected="selected">历城区</option>
</optgroup>
<optgroup label="滨州">
<option value="15">滨城区</option>
<option value="16">西海区</option>
</optgroup>
</select>
//js
$('.treebutton-sex').click(function() {
$('.treelist-sex').mobiscroll('show');
return false;
});
$(".treelist-sex").mobiscroll().treelist({
theme: "mobiscroll",
display: 'bottom',
lang: "zh",
});
// js 地址选择控件(可显示多行)
$('#city-picker').click(function() {
$('#demo').mobiscroll('show');
return false;
});
$('#demo').mobiscroll().select({
theme: 'mobiscroll',
display: 'bottom',
label: 'City',
lang: "zh",
group: true,
groupLabel: 'Country',
//不允许右侧控制左侧
group: {
clustered: true
}
//选择表单展现的样式
inputClass:"all_width text-right clear_border"
// fixedWidth: [100, 170]
});
最新文章
- oracleDBA-D3
- MySQL 表分区 报错：Table has no partition for value XXX
- EasyPR--一个开源的中文车牌识别系统
- Android开发自学笔记(Android Studio) 目录
- iOS 学习 - 14.本地联系人
- GPUImage滤镜之自然饱和度
- iOS类别(Category)
- android源码编译常见错误
- SQL Server 2008下日志清理方法
- [SQL Server]树形结构的创建
- 微软Hololens学院教程- Holograms 100: Getting Started with Unity【微软教程已经更新，本文是老版本】
- 【原】Redis学习资料推荐
- 如何跳到系统设置界面-b
- 网盘大全， 邮箱大全 good
- 洛谷 P3928 Sequence
- @Cacheable的实现原理
- IT学习逆袭的新模式，全栈实习生,不8000就业不还实习费
- 更改EBS服务器域名/IP
- c do{}while(0)
- flume 1.8.0 开发基础