编程 Javascript

基于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程序设计有所帮助。

基于jquery实现省市联动特效

- Author -

eecjimmy

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 数据类型转换总结笔记

Jan 17 Javascript

JavaScript 布尔操作符解析 && || ！

Aug 10 Javascript

Jquery 动态循环输出表格具体方法

Nov 23 Javascript

javascript时间戳和日期字符串相互转换代码(超简单)

Jun 22 Javascript

js 作用域和变量详解

Feb 16 Javascript

轻松实现jQuery添加删除按钮Click事件

Mar 13 Javascript

jQuery实现选中行变色效果(实例讲解)

Jul 06 jQuery

详解Vuex管理登录状态

Nov 13 Javascript

详解js删除数组中的指定元素

Oct 31 Javascript

微信小程序拍照和摄像功能实现方法示例

Feb 01 Javascript

d3.js实现图形拖拽

Dec 19 Javascript

node.js使用 http-proxy 创建代理服务器操作示例

Feb 10 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