distpicker省市县三级联动简单使用方法
插件下载地址:http://www.jq22.com/jquery-info8054
引入JS包:
<script src="${pageContext.request.contextPath}/js/distpicker.data.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/distpicker.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/main.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/jquery-1.11.1.min.js"></script>
页面:
<div data-toggle="distpicker" id="target">
<table width="100%" height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25%" class="put5" >
<select class="form-control" id="province1" data-province="河北省" style="height: 30px;"></select>
<label class="sr-only" for="province1">省</label>
</td>
<td width="25%" class="put5">
<select class="form-control" id="city1" name="cityName" data-city="${stu.cityName}" style="height: 30px;"></select>
<label class="sr-only" for="city1">市</label>
</td>
<td width="75%" class="put5">
<select class="form-control" id="district1" name="regionName" data-district="${stu.regionName}" style="height: 30px;"></select>
<label class="sr-only" for="district1">区(县)</label>
</td>
</tr>
</table>
</div>
需要注意的是:
data-toggle="distpicker" 一定要有
data-province="河北省" 设置默认值
name自己定义
distpicker省市县三级联动简单使用方法相关推荐
- jQueryDay04:distpicker省市县三级联动, Layer插件,Laydate插件
目录 0x00 distpicker省市县三级联动 如何设置默认值: 如何获取提交的数据: 后台数据回显: 0x01 Layer插件 0x02 Laydate插件 0x00 distpicker省市县 ...
- 省市县(区三级联动) 实现方法
首先导入省市县json数组,这个数组我是在网上找的 感谢新浪博主 好青年的给json数组分享: 最近在写前端的时候,由于要实现,省市县三级联动,网上插件也挺多,不过为了锻炼自己(坑爹的公司,从前端写到 ...
- 省市县三级联动插件(面向过程,面向对象两种方式实现)
<div class="city_select"><select id="province"><option value=&quo ...
- Android 省市县 三级联动(android-wheel的使用)
转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山,有个哥们说道Android Wheel这个 ...
- jquery省市县三级联动
Jquery省市县三级联动,数据来源js,无需调用接口 可前往本人发布资源<Jquery省市县三级>免积分下载 目录 效果 html部分 <!DOCTYPE html> < ...
- mysql 省市县三级联动查询_省市县三级联动的SQL语句
省市县三级联动的SQL语句 无 CREATE TABLE `t_address_province` (`id` INT AUTO_INCREMENT PRIMARY KEY COMMENT '主键', ...
- 【MySQL】全国省市县三级联动SQL语句—区县SQL(三)
目录 ->区县信息表数据 [MySQL]全国省市县三级联动SQL语句-建表和省份SQL(一)_路遥叶子的博客-CSDN博客全国省市县三级联动SQL语句-建表和省份SQL(一)https://bl ...
- mysql 省市县三级联动查询_PHP+AJAX+MYSQL 仿凡客诚品省市县三级联动下拉菜单查询效果...
连接数据库:db.php $dbhost="localhost"; $dbpassword="123"; $dbuser ='root';//数据库用户名 $d ...
- JavaScript省市县三级联动-含源代码
目录 一.省市县三级联动 1.实现思路 2.实现步骤 二.源代码管理 1.HTML显示页面 2.JavaScript核心代码 3.省市县三级地址 一.省市县三级联动 1.实现思路 1.创建省市县三级地 ...
最新文章
- 【Spring】基于注解的IOC案例
- 多尺度注意力机制的语义分割
- ESLint的NPM账户遭黑客攻击,可能窃取用户NPM访问令牌
- 第九篇 - UITextField
- Android 应用框架
- WSO2 ESB的一种消息传递方式
- 3.hello hibernate
- Linux——less指令常用操作
- java NIO网络编程之SelectionKey
- Maven安装配置操作方法
- gmap mysql cachet_百度谷歌离线地图解决方案(离线地图下载)
- IDEA汉化后设置无法打开
- python如何识别图片中的文字_如何利用Python识别图片中的文字
- 考研,我就推荐几个常用的APP
- 计算机专业毕业了 还要不要参加培训班
- 新媒体文章标题怎么写?
- 家庭计算机上网必须用到的设备,家庭网络中常见的几种网络设备介绍
- -verbose:gc 和 -XX:+PrintGC 的区别
- VS code 左侧菜单栏不见了/只能打开一个编辑页面
- 海光国产CPU芯片和服务器,海光CPU芯片 一文看懂国产CPU!“造不如买”时代终