插件下载地址: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省市县三级联动简单使用方法相关推荐

  1. jQueryDay04:distpicker省市县三级联动, Layer插件,Laydate插件

    目录 0x00 distpicker省市县三级联动 如何设置默认值: 如何获取提交的数据: 后台数据回显: 0x01 Layer插件 0x02 Laydate插件 0x00 distpicker省市县 ...

  2. 省市县(区三级联动) 实现方法

    首先导入省市县json数组,这个数组我是在网上找的 感谢新浪博主 好青年的给json数组分享: 最近在写前端的时候,由于要实现,省市县三级联动,网上插件也挺多,不过为了锻炼自己(坑爹的公司,从前端写到 ...

  3. 省市县三级联动插件(面向过程,面向对象两种方式实现)

    <div class="city_select"><select id="province"><option value=&quo ...

  4. Android 省市县 三级联动(android-wheel的使用)

    转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山,有个哥们说道Android Wheel这个 ...

  5. jquery省市县三级联动

    Jquery省市县三级联动,数据来源js,无需调用接口 可前往本人发布资源<Jquery省市县三级>免积分下载 目录 效果 html部分 <!DOCTYPE html> < ...

  6. mysql 省市县三级联动查询_省市县三级联动的SQL语句

    省市县三级联动的SQL语句 无 CREATE TABLE `t_address_province` (`id` INT AUTO_INCREMENT PRIMARY KEY COMMENT '主键', ...

  7. 【MySQL】全国省市县三级联动SQL语句—区县SQL(三)

    目录 ->区县信息表数据 [MySQL]全国省市县三级联动SQL语句-建表和省份SQL(一)_路遥叶子的博客-CSDN博客全国省市县三级联动SQL语句-建表和省份SQL(一)https://bl ...

  8. mysql 省市县三级联动查询_PHP+AJAX+MYSQL 仿凡客诚品省市县三级联动下拉菜单查询效果...

    连接数据库:db.php $dbhost="localhost"; $dbpassword="123"; $dbuser ='root';//数据库用户名 $d ...

  9. JavaScript省市县三级联动-含源代码

    目录 一.省市县三级联动 1.实现思路 2.实现步骤 二.源代码管理 1.HTML显示页面 2.JavaScript核心代码 3.省市县三级地址 一.省市县三级联动 1.实现思路 1.创建省市县三级地 ...

最新文章

  1. 【Spring】基于注解的IOC案例
  2. 多尺度注意力机制的语义分割
  3. ESLint的NPM账户遭黑客攻击,可能窃取用户NPM访问令牌
  4. 第九篇 - UITextField
  5. Android 应用框架
  6. WSO2 ESB的一种消息传递方式
  7. 3.hello hibernate
  8. Linux——less指令常用操作
  9. java NIO网络编程之SelectionKey
  10. Maven安装配置操作方法
  11. gmap mysql cachet_百度谷歌离线地图解决方案(离线地图下载)
  12. IDEA汉化后设置无法打开
  13. python如何识别图片中的文字_如何利用Python识别图片中的文字
  14. 考研,我就推荐几个常用的APP
  15. 计算机专业毕业了 还要不要参加培训班
  16. 新媒体文章标题怎么写?
  17. 家庭计算机上网必须用到的设备,家庭网络中常见的几种网络设备介绍
  18. -verbose:gc 和 -XX:+PrintGC 的区别
  19. VS code 左侧菜单栏不见了/只能打开一个编辑页面
  20. 海光国产CPU芯片和服务器,海光CPU芯片 一文看懂国产CPU!“造不如买”时代终

热门文章

  1. 菜鸟编程之qq邮箱群发
  2. 左游哪个服务器稳定,本想用手柄玩吃鸡 但看到最后我服了
  3. 电脑睡眠模式不管用,是因为下载了网易UU或者其他软件,打开了离开模式
  4. 【安卓开源集合】最全最有用的第三方开源库收集整理,快速开发必备,还能提升效率
  5. 如何在文件夹中建立网页的快捷方式
  6. php cros跨域处理,CORS跨域问题解决方案
  7. python怎么读发音百度翻译-基于python实现百度翻译功能
  8. 人工智能 | 图解机器学习
  9. SDU信息门户(10)前端vue3.0代码分析
  10. 【渝粤教育】电大中专审计原理与实务作业 题库