移动端省际联动插件mobiscroll
移动端省际联动插件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]
});
转载于:https://www.cnblogs.com/xiaoleiel/p/8316452.html
移动端省际联动插件mobiscroll相关推荐
- html5手机移动端三级联动城市选择器,jquery移动端省市县(区)三级联动插件
最近刚做完一个版本的项目,闲暇时间,就索性把项目中需要用到的插件都自己写了一个,毕竟自己动手丰衣足食才是最重要,自己写的,可以应对各种项目需求,今天又把手机端的省市区三级联动选择功能编写了一个插件出来 ...
- jQuery省市区三级联动插件
体验效果:http://hovertree.com/texiao/bootstrap/4/ 支持PC和手机移动端. 手机扫描二维码体验效果: 代码如下: <!DOCTYPE html> & ...
- 如何造一个移动端的联动选择器(三)
之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器,得到了很多人的关注.鉴于很多人对这种手写插件的过程很好奇,所以写了几篇文章,来说说它的成长史~ 这一阶段,你将会了解到页 ...
- 自己动手丰衣足食之移动端日期选择插件(强烈推荐)
移动端的日期选择插件相比PC端比较少,主要原因是不同手机浏览器的效果不一样,mobiscroll 太臃肿了,而且不是免费的,一个字:丑 在此向大家分享一款手机端的日期选择插件https://githu ...
- js原生,省市区三级联动插件
js原生,省市区三级联动插件 <%@ page language="java" contentType="text/html; charset=UTF-8" ...
- 省市县三级联动插件(面向过程,面向对象两种方式实现)
<div class="city_select"><select id="province"><option value=&quo ...
- qq分享组件 android,移动端,分享插件
移动端,分享插件 发布时间:2018-06-26 10:03, 浏览次数:762 最近有一个活动页需要在移动端浏览器分享网页到微信,QQ.虽然每一个浏览器都有分享到微信的能力,但不是每个都提供接口供网 ...
- html中免费的四级联动,利用JS实现省市区街道四级联动插件
特效描述:利用JS实现 省市区街道 四级联动插件.利用JS实现省市区街道四级联动插件 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 所在地区 所在地区 请选择 请选择 请选择 请选择 ...
- js 移动端网页特效+移动端轮播图案例+移动端常用开发插件的使用
触屏事件 常见触屏事件: 触屏touch事件 说明 touchstart 手指触摸到DOM元素时触发 touchmove 手指在DOM元素上滑动时触发 touchend 手指从一个DOM元素上移开时触 ...
最新文章
- TensorFlow(8)卷积神经网络实战(2)手写卷积池化
- 吴恩达新书《Machine Learning Yearning》完整中文版开源!
- 设计模式C++实现(8)——代理模式
- Java中多线程的使用!!
- ubuntu 安装(install) pwntcha[一个做验证码识别的开源程序]
- BZOJ2150: 部落战争
- Swoole 2019 :化繁为简、破茧成蝶
- html5 调用高德地图,高德地图在h5项目中的集成(点标记)
- 保定学院计算机编程,惠普HP打印机驱动程序安装失败怎么办hewlett-packard上的文件...
- 树莓派cm4安装ax200驱动-wifi6
- 2020年东三省玉米种植分布数据
- 单片机通用配置(基于STC12C5A60S2)
- 三大分析法——SWOT、PEST、波特五力
- 2021-06-21 12点 程序外生活 - 中国A50指数 机器预测学习跟踪记录 - 周六反弹失败,等待跌完,继续等待4小时第一个底分型出现。周月线持续跌势。
- python-使用递归函数计算阶乘
- 管道和FIFO概念以及相关函数(pipe、mkfifo)介绍
- html5摄像头 在线演示,基于HTML5实现的超酷摄像头(HTML5 webcam)摄
- 基于vue利用openlayers加载天地图的影像图,地形图
- java实现pdf转图片pdf
- Windows 自带的 Microsoft Edge 浏览器自动打开某一网页(浏览器被劫持)的解决办法
热门文章
- 终极解决方案:Emacs+Slime+Lisp启动错误:Polling /tmp/slime.50
- 无法访问xxx指向的web服务器,请检查网络设置
- 《HTML5移动应用开发入门经典》—— 1.1 了解HTML5的由来
- 在一个字符串寻找另一个字符串,并且输出短字符串头字母在长字符串的下标...
- 传智播客视频学习 ---- 字符串含义( C 语言中)
- Tomcat 8熵池阻塞变慢详解
- 恢复SQL Server被误删除的数据
- 解决人际矛盾的英语口语10条
- 黑马lavarel教程---8、session
- 【集训队互测2015】最大异或和