论坛首页 → Web前端技术论坛 →

jquery可以初始化省市区三级联动插件

浏览 11089 次
锁定老帖子 主题：jquery可以初始化省市区三级联动插件
精华帖 (0) :: 良好帖 (0) :: 新手帖 (8) :: 隐藏帖 (0)
作者 正文
  • 乌托邦之爱
  • 等级: 二星会员
  • 性别:
  • 文章: 45
  • 积分: 240
  • 来自: 沈阳
   发表时间：2010-10-11  

非常不错的jquery三级联动插件 虽然城市还不是很完善,不过功能应该是没问题的,我之前发过一个此插件,不过初始化时可能不好用,因为初始化select1的时候第二个select2不会出现内容造成无法选择城市,这个是从那个基础上改过的,完善了这个功能.

调用方法:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="data.js" type="text/javascript"></script>
<script src="datajs.js" type="text/javascript"></script>
<style type="text/css">
 #province{ width:90px; margin-left:5px}
 #city{ width:130px; margin-left:5px}
 #hometown{ width:160px; margin-left:5px}
</style>
</head>
<body>
<select id="province"></select>
<select id="city"></select>
<select id="hometown"></select>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){init("province","","city","","hometown","");});
</script>
返回顶楼
         
  • 1927105
  • 等级: 初级会员
  • 性别:
  • 文章: 215
  • 积分: 0
  • 来自: 南京
   发表时间：2010-10-15  
谢谢
lz正在找jquery的
返回顶楼
          回帖地址
0 请登录后投票
  • asheng
  • 等级: 初级会员
  • 性别:
  • 文章: 8
  • 积分: 40
  • 来自: 长沙
   发表时间：2010-10-16   最后修改：2010-10-16
要是能把请选择菜单项去掉就更好了
返回顶楼
          回帖地址
0 请登录后投票
  • 乌托邦之爱
  • 等级: 二星会员
  • 性别:
  • 文章: 45
  • 积分: 240
  • 来自: 沈阳
   发表时间：2010-10-16  
asheng 写道
要是能把请选择菜单项去掉就更好了

如果你想只显示 省 市 区 三个内容,而不想显示"请选择"什么的字样的话,你可以为这三个省市设置初始值,让他开始就显示出来你所想显示的省市区啊,这样开始时就不会显示这三个字了
返回顶楼
          回帖地址
0 请登录后投票
  • zhaobohao
  • 等级: 初级会员
  • 性别:
  • 文章: 51
  • 积分: 30
  • 来自: 上海
   发表时间：2010-10-25  
乌托邦之爱 写道
asheng 写道
要是能把请选择菜单项去掉就更好了

如果你想只显示 省 市 区 三个内容,而不想显示"请选择"什么的字样的话,你可以为这三个省市设置初始值,让他开始就显示出来你所想显示的省市区啊,这样开始时就不会显示这三个字了


楼主好,把你的设计改了一下,改成一N级联动. 有兴趣的,可以一起改进.
返回顶楼
          回帖地址
0 请登录后投票
  • 乌托邦之爱
  • 等级: 二星会员
  • 性别:
  • 文章: 45
  • 积分: 240
  • 来自: 沈阳
   发表时间：2010-10-26  
zhaobohao 写道
乌托邦之爱 写道
asheng 写道
要是能把请选择菜单项去掉就更好了

如果你想只显示 省 市 区 三个内容,而不想显示"请选择"什么的字样的话,你可以为这三个省市设置初始值,让他开始就显示出来你所想显示的省市区啊,这样开始时就不会显示这三个字了


楼主好,把你的设计改了一下,改成一N级联动. 有兴趣的,可以一起改进.


哈哈 太好了 我就喜欢这样的朋友 你的程序我看了 有个小小的问题 就是你这个程序目前我没有看出如何能做到初始化显示任意数据 比如我打开页面时直接想显示"辽宁"然后我就可以直接选第二级别里辽宁的所有城市 可能是我能力不够没看出来 如果可以做到的话希望能指点一下 嘻嘻
返回顶楼
          回帖地址
0 请登录后投票
  • zhaobohao
  • 等级: 初级会员
  • 性别:
  • 文章: 51
  • 积分: 30
  • 来自: 上海
   发表时间：2010-10-26  
乌托邦之爱 写道
zhaobohao 写道
乌托邦之爱 写道
asheng 写道
要是能把请选择菜单项去掉就更好了

如果你想只显示 省 市 区 三个内容,而不想显示"请选择"什么的字样的话,你可以为这三个省市设置初始值,让他开始就显示出来你所想显示的省市区啊,这样开始时就不会显示这三个字了


楼主好,把你的设计改了一下,改成一N级联动. 有兴趣的,可以一起改进.


哈哈 太好了 我就喜欢这样的朋友 你的程序我看了 有个小小的问题 就是你这个程序目前我没有看出如何能做到初始化显示任意数据 比如我打开页面时直接想显示"辽宁"然后我就可以直接选第二级别里辽宁的所有城市 可能是我能力不够没看出来 如果可以做到的话希望能指点一下 嘻嘻

在配置对象中,加了一个defaultValue.解决以上问题.
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics