云计算开发者社区

用新浪微博连接

一步搞定

查看: 56128|回复: 114

Ajax 省份-城市-区县 三级联动选择(Jquery插件 V 1.1)   [复制链接]

Rank: 8Rank: 8

新浪云计算官方成员

发表于 2012-4-19 19:02:45 |显示全部楼层
本帖最后由 晴天雨迹NO1 于 2014-10-20 00:15 编辑

很多时候,在我们项目开发中,需要用到省份-城市-区县的三级联动选择,而有时候又只需要显示省份, 有时候只需要显示某个省份下的城市,类似这种需求,AjaxCity Jquery插件可以很好的满足你的要求。
目前,它提供了以下功能:
1、显示省份的下拉框 ,可配置默认显示哪个省份。
2、显示省份、城市 配置默认省、默认城市
3、示省、城市、区域,配置默认省、默认城市、默认区域
4、如果你只需要显示二级、三级选项,可以默认隐藏一级、二级选项。
应用演示及使用教程 http://www.actphp.com/ajaxcity/
下载: github : https://github.com/tabalt/ajaxcity
群共享 : 109632238

问题反馈:回复本帖

交流qq群:109632238
更新记录V1.1(2012-04-19)
1、完善了区县数据。
2、配置文件改为三个,province.inc.php city.inc.php area.inc.php 按需调用。
3、修改成jquery插件,调用方式发生变化。

使用方式数据源公共配置      
  1. var url = 'city.php';
  2. var provinceurl = url + '?a=province';
  3. var cityurl = url + '?a=city&pid=';
  4. var areaurl = url + '?a=area&pid=';
复制代码

                参数配置      
  1. var city_config = {
  2. //必须的参数
  3. 'province':'province_dev',

  4. //不同情况下可选的参数
  5. 'city':'city_dev',
  6. 'area':'area_dev',
  7. 'default_province':'1',
  8. 'default_city':'2'
  9. 'hidden_province':true,
  10. 'hidden_city':true
  11. };
复制代码

调用插件      
  1. $('#city_select_dev').ajax_city_select(city_config);
复制代码

几种应用演示:  http://www.actphp.com/ajaxcity/



使用道具 举报

Rank: 8Rank: 8

新浪云计算官方成员

发表于 2012-4-19 19:03:04 |显示全部楼层
  回帖有贡献奖励哦

使用道具 举报

Rank: 7Rank: 7Rank: 7

发表于 2012-4-19 19:08:54 |显示全部楼层

回帖奖励 +2

拿了奖励再说
欢迎大家粉我http://weibo.com/young40
我仅仅是个SAE的爱好者, 不是SAE官方人员. 不过写得了代码, 杀得了木马,调得了异常,欢迎各种交流...如果你是妹纸, 我还可以请吃饭.

使用道具 举报

Rank: 8Rank: 8

新浪云计算官方成员

发表于 2012-4-19 19:10:05 |显示全部楼层
杨世玲 发表于 2012-4-19 19:08
拿了奖励再说

呵呵  才发现我的贡献好少 所以只能每人两个。。。

使用道具 举报

Rank: 1

发表于 2012-4-19 19:43:47 |显示全部楼层

回帖奖励 +2

学习学习!!

使用道具 举报

Rank: 1

发表于 2012-4-19 20:43:45 |显示全部楼层

回帖奖励 +2

很有用的东西,已收藏。
我的博客:山顶
3ding.sinaapp.com

使用道具 举报

Rank: 6Rank: 6

发表于 2012-4-19 23:02:14 |显示全部楼层
看看……

使用道具 举报

Rank: 6Rank: 6

发表于 2012-4-19 23:02:31 |显示全部楼层

回帖奖励 +2

没中奖?晕……

使用道具 举报

Rank: 8Rank: 8

发表于 2012-4-19 23:20:13 |显示全部楼层

回帖奖励 +2

路过拿奖 你这个超版贡献小啊。你引咎奖我们云豆吧!

使用道具 举报

Rank: 8Rank: 8

新浪云计算官方成员

发表于 2012-4-20 09:34:55 |显示全部楼层
黎子港 发表于 2012-4-19 23:20
路过拿奖 你这个超版贡献小啊。你引咎奖我们云豆吧!

你的贡献 怎么加来这么多的。。。

使用道具 举报

Rank: 8Rank: 8

发表于 2012-4-20 09:46:42 |显示全部楼层
晴天雨迹NO1 发表于 2012-4-20 09:34
你的贡献 怎么加来这么多的。。。

我有赚贡献的门道

话说,这个
http://cloudbbs.org/forum.php?mo ... &page=1#pid8873 去移动到python去呗

使用道具 举报

Rank: 1

发表于 2012-4-22 11:05:16 |显示全部楼层

回帖奖励 +2

好东西,多谢
城市交通:http://bus360.sinaapp.com/

使用道具 举报

Rank: 1

发表于 2012-4-22 11:34:30 |显示全部楼层
回帖拿贡献!

使用道具 举报

Rank: 8Rank: 8

新浪云计算官方成员

发表于 2012-4-23 10:50:21 |显示全部楼层
我在希望的田野上打酱油 发表于 2012-4-22 11:05
好东西,多谢

欢迎使用并提出建议~

使用道具 举报

Rank: 8Rank: 8

新浪云计算官方成员

发表于 2012-4-23 10:50:31 |显示全部楼层
ChinAndroid 发表于 2012-4-22 11:34
回帖拿贡献!

使用道具 举报

发表于 2012-4-24 20:38:20 |显示全部楼层

回帖奖励 +2

俺来拿贡献~~

使用道具 举报

Rank: 8Rank: 8

新浪云计算官方成员

发表于 2012-4-25 09:09:16 |显示全部楼层
漫网寻踪 发表于 2012-4-24 20:38
俺来拿贡献~~

...........

使用道具 举报

Rank: 8Rank: 8

新浪云计算官方成员

发表于 2012-4-26 10:19:27 |显示全部楼层
终于上首页热点啦?

使用道具 举报

Rank: 1

发表于 2012-5-4 12:06:08 |显示全部楼层
这个不是收费的么

使用道具 举报

Rank: 1

发表于 2012-5-5 01:47:36 |显示全部楼层
谢谢LZ,先收藏,希望中奖

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

Archiver|云计算开发者社区 ( 京ICP证000007-137 )

GMT+8, 2018-7-21 19:52 , Processed in 0.272719 second(s), Total 13, Slave 12 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部