三级联动(省市县)

6 篇文章 0 订阅
<pre name="code" class="cpp">/* PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.04 完整版 *\

 制作时间:2005-12-30
 更新时间:2006-01-24
 数据修正:2012-01-17(截止2011年10月31日)

 演示地址:http://www.popub.net/script/pcasunzip.html
 下载地址:http://www.popub.net/script/pcasunzip.js
 应用说明:页面包含<script type="text/javascript" src="pcasunzip.js" charset="gb2312"></script>
	省市联动
		new PCAS("Province","City")
		new PCAS("Province","City","吉林省")
		new PCAS("Province","City","吉林省","吉林市")
	省市地区联动
		new PCAS("Province","City","Area")
		new PCAS("Province","City","Area","吉林省")
		new PCAS("Province","City","Area","吉林省","松原市")
		new PCAS("Province","City","Area","吉林省","松原市","宁江区")
	省、市、地区对象取得的值均为实际值。
	注:省、市、地区提示信息选项的值为""(空字符串)

\*** 程序制作/版权所有:崔永祥(333) E-Mail:zhadan007@21cn.com 网址:http://www.popub.net ***/
会会显得的插件:
通过<script language="javascript" src="${pageContext.request.contextPath}/script/PCASClass.js"></script>来引用插件:
addUI:
<tr>
							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">所在省</div>
								</div>
							</td>

							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">
										<select name="Province"></select>
									</div>
								</div></td>
							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">所在市</div>
								</div>
							</td>

							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<select name="City"></select>
								</div></td>
							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">所在区域/县</div>
								</div>
							</td>

							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">
										<select name="area_county"></select>

									</div>
								</div></td>
						</tr>
<script language="javascript" defer>

new PCAS("Province","City","area_county","河南省","周口市","川汇区");

</script>




editUI:

<tr>
							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">所在省</div>
								</div>
							</td>

							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">
										<select name="Province"></select> <input type="hidden"
											name="Provincename" id="Provincename" value="${Province}"
											size="1" />
									</div>
								</div></td>
							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">所在市</div>
								</div>
							</td>

							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<select name="City"></select> <input type="hidden"
										name="Cityname" id="Cityname" value="${City}" size="1" />
								</div></td>
							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">所在区域/县</div>
								</div>
							</td>

							<td height="25" bgcolor="#FFFFFF" width="10%">
								<div align="center" class="STYLE1">
									<div align="center">
										<select name="area_county"></select> <input type="hidden"
											name="areacounty" id="areacounty" value="${area_county}"
											size="1" />
									</div>
								</div></td>
						</tr>


<script language="javascript" defer>
var Province = $("#Provincename").val();
var City =  $("#Cityname").val();
var area_county =   $("#areacounty").val();
new PCAS("Province","City","area_county",Province,City,area_county);

</script>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下拉列表联动 省市 日期 应有尽有,为了大家方便 拿出来分享 /* PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.02 完整版 *\  制作时间:2005-12-30  更新时间:2006-01-24  数据修正:2012-01-17(截止2011年10月31日)  演示地址:http://www.popub.net/script/pcasunzip.html  下载地址:http://www.popub.net/script/pcasunzip.js  应用说明:页面包含<script type="text/javascript" src="pcasunzip.js" charset="gb2312"></script> 省市联动 new PCAS("Province","City") new PCAS("Province","City","吉林省") new PCAS("Province","City","吉林省","吉林市") 省市地区联动 new PCAS("Province","City","Area") new PCAS("Province","City","Area","吉林省") new PCAS("Province","City","Area","吉林省","松原市") new PCAS("Province","City","Area","吉林省","松原市","宁江区") 省、市、地区对象取得的值均为实际值。 注:省、市、地区提示信息选项的值为""(空字符串) \*** 程序制作/版权所有:崔永祥(333) E-Mail:zhadan007@21cn.com 网址:http://www.popub.net ***/ /* 年月日联动下拉选择JS封装类 Ver 1.0 版 制作时间:2013-3-12  更新时间:2013-3-12 应用说明:页面包含<script type="text/javascript" src="YMDClass.js" charset="utf-8"></script> <select name="year1"></select> <select name="month1"></select> <select name="day1"></select> <script> new YMDselect('year1','month1','day1',1990,2,10); </script> 年月联动 new YMDselect('year1','month1'); new YMDselect('year1','month1',1990); new YMDselect('year1','month1',1990,2); 年月日联动 new YMDselect('year1','month1','day1'); new YMDselect('year1','month1','day1',1990); new YMDselect('year1','month1','day1',1990,2); new YMDselect('year1','month1','day1',1990,2,10); \*** 程序制作/版权所有:Kevin QQ:251378427 E-Mail:yeminch@qq.com 网址:http://iulog.com ***/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值