基于jquery实现省市联动特效


Posted in Javascript onDecember 17, 2015

本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下:

运行效果图:

基于jquery实现省市联动特效

具体代码如下

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Demo</title>
 <!-- 引入jquery -->
 <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js" type="text/javascript"></script>
 <!-- 引入插件 -->
 <script src="jquery.area.js" type="text/javascript"></script>
 <script type="text/javascript">
  $(function () {
   $('#area').GangedArea({
    level: 2, // 显示级别, 最大是3, 最小是1
    url: "area.json",// area对应的路径
    provinceValue: "",// 默认指定省份id, 一般编辑的时候使用
    cityValue: "", //指定默认城市id, 一般编辑的时候使用
    districtValue: '', // 默认区id, 一般编辑的时候使用
    className: '', // 附加样式
    provinceName: 'province', // 省份name值
    cityName: 'city',//市name值
    districtName: 'district',// 区name值
    tip: '===请选择==='// 默认提示
   });
  })
 </script>
</head>
<body>
<div id="area"></div>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
基于JQuery模仿苹果桌面的Dock效果(初级版)
Oct 15 Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
5款JavaScript代码压缩工具推荐
Jul 07 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
深入理解JavaScript中的for循环
Feb 07 Javascript
微信小程序实现判断是分享到群还是个人功能示例
May 03 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
JavaScript canvas基于数组生成柱状图代码实例
Mar 06 Javascript
解决vue中el-tab-pane切换的问题
Jul 19 Javascript
js实现移动端轮播图滑动切换
Dec 21 Javascript
详解TypeScript中的类型保护
Apr 29 Javascript
js实现网页收藏功能
Dec 17 #Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 #Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 #Javascript
JS数组合并push与concat区别分析
Dec 17 #Javascript
理解Javascript的call、apply
Dec 16 #Javascript
javascript实现网站加入收藏功能
Dec 16 #Javascript
javascript实现无缝上下滚动特效
Dec 16 #Javascript
You might like
php下使用以下代码连接并测试
2008/04/09 PHP
php解析html类库simple_html_dom(详细介绍)
2013/07/05 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
如何运行/调试你的PHP代码
2020/10/23 PHP
JS实现日期加减的方法
2013/11/29 Javascript
jQuery中:file选择器用法实例
2015/01/04 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
原生js实现图片层叠轮播切换效果
2016/02/02 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
微信小程序 图片加载(本地,网路)实例详解
2017/03/10 Javascript
Vue和Bootstrap的整合思路详解
2017/06/30 Javascript
nodejs检测因特网是否断开的解决方案
2019/04/17 NodeJs
详解es6新增数组方法简便了哪些操作
2019/05/09 Javascript
[50:58]2018DOTA2亚洲邀请赛3月29日 小组赛A组OpTic VS Newbee
2018/03/30 DOTA
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
[51:27]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python安装PIL模块时Unable to find vcvarsall.bat错误的解决方法
2016/09/19 Python
Python KMeans聚类问题分析
2018/02/23 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
判断python对象是否可调用的三种方式及其区别详解
2019/01/31 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
python 的 openpyxl模块 读取 Excel文件的方法
2019/09/09 Python
Pycharm+Python+PyQt5使用详解
2019/09/25 Python
python实时监控logstash日志代码
2020/04/27 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
python 根据列表批量下载网易云音乐的免费音乐
2020/12/03 Python
Trip.com澳大利亚:在线旅行社
2019/12/01 全球购物
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
适用于所有创业者的创业计划书
2014/02/05 职场文书
自我鉴定书
2014/03/24 职场文书
商业项目策划方案
2014/06/05 职场文书
债务纠纷委托书
2014/08/30 职场文书
教师求职自荐信
2015/03/26 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
Android Rxjava3 使用场景详解
2022/04/07 Java/Android