会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
︷起↘嚸.
坚持不懈,一步一个台阶
博客园
首页
新随笔
新文章
联系
管理
订阅
异步 '省','市','区' 三级连动
<一. 源代码>
<
select id
=
"
seProvince
"
name
=
"
seProvince
"
onchange
=
"
LoadCity(this.options[this.selectedIndex].value)
"
><
option value
=
"
-1
"
>
选择省
</
option
></
select
>&
nbsp;
&
nbsp;
<
select id
=
"
seCity
"
name
=
"
seCity
"
onchange
=
"
LoadArea(this.options[this.selectedIndex].value)
"
disabled
=
"
disabled
"
><
option value
=
"
-1
"
>
选择市
</
option
></
select
>&
nbsp;
&
nbsp;
<
select id
=
"
seArea
"
name
=
"
seArea
"
disabled
=
"
disabled
"
><
option value
=
"
-1
"
>
选择区
</
option
></
select
>
<二. 类 异步调用方法>
//
获取省
[AjaxPro.AjaxMethod]
public
IList GetProvince()
{
try
{
ProvinceFilter filter
=
new
ProvinceFilter();
IList list
=
idbprovince.ReadList(filter,
"
Id
"
);
return
list;
}
catch
{
return
null
;
}
}
//
获取市
[AjaxPro.AjaxMethod]
public
IList GetCity(
int
provinceID)
{
try
{
CityFilter filter
=
new
CityFilter();
filter.ProvinceId.Value
=
provinceID.ToString();
IList list
=
idbcity.ReadList(filter,
"
Id
"
);
return
list;
}
catch
{
return
null
;
}
}
//
获取区
[AjaxPro.AjaxMethod]
public
IList GetArea(
int
cityID)
{
try
{
AreaFilter filter
=
new
AreaFilter();
filter.CityId.Value
=
cityID.ToString();
IList list
=
idbarea.ReadList(filter,
"
Id
"
);
return
list;
}
catch
{
return
null
;
}
}
//
获取信息
[AjaxPro.AjaxMethod]
public
IList GetMyAddress(
int
ReceID)
{
try
{
IList list
=
new
ArrayList();
ReceivedAddress rece
=
idbrece.Read(ReceID);
list.Add(rece.UserId);
list.Add(rece.Phone);
list.Add(rece.Mobile);
//
省Code
list.Add(ProvinceCode);
//
市Code
list.Add(city.Code);
//
区Code
list.Add(area.Code);
list.Add(rece.Address);
list.Add(rece.Zip);
return
list;
}
catch
{
return
null
;
}
}
<三. JS 加载>
//
加载省
window.onload
=
function()
{
var result
=
OrderSystemCtrl.AjaxMsg.AjaxMethods.GetProvince();
if
(result
!=
null
)
{
var list
=
result.value;
if
(list
!=
null
)
{
var seprov
=
document.getElementById(
"
seProvince
"
);
for
(i
=
0
; i
<
list.length; i
++
)
{
var province
=
list[i];
var opt
=
new
Option(province.Name,province.Code);
seprov.options.add(opt);
}
}
}
}
//
加载市
function LoadCity(provinceValue)
{
if
(parseInt(provinceValue)
==
-
1
)
return
;
var result
=
OrderSystemCtrl.AjaxMsg.AjaxMethods.GetCity(provinceValue);
if
(result
!=
null
)
{
var list
=
result.value;
if
(list
!=
null
)
{
var secity
=
document.getElementById(
"
seCity
"
);
ClearSeValue(secity);
if
(list.length
>
0
)
{
secity.disabled
=
false
;
for
(i
=
0
; i
<
list.length; i
++
)
{
var city
=
list[i];
var opt
=
new
Option(city.Name,city.Code);
secity.options.add(opt);
}
}
else
{
secity.disabled
=
"
disabled
"
;
}
}
var seArea
=
document.getElementById(
"
seArea
"
);
ClearSeValue(seArea);
}
}
//
加载区
function LoadArea(cityValue)
{
if
(parseInt(cityValue)
==
-
1
)
return
;
var result
=
OrderSystemCtrl.AjaxMsg.AjaxMethods.GetArea(cityValue);
if
(result
!=
null
)
{
var list
=
result.value;
if
(list
!=
null
)
{
var seArea
=
document.getElementById(
"
seArea
"
);
ClearSeValue(seArea);
if
(list.length
>
0
)
{
seArea.disabled
=
false
;
for
(i
=
0
; i
<
list.length; i
++
)
{
var area
=
list[i];
var opt
=
new
Option(area.Name,area.Code);
seArea.options.add(opt);
}
}
else
{
seArea.disabled
=
"
disabled
"
;
}
}
}
}
//
清空下拉框数据
function ClearSeValue(obj)
{
for
( i
=
obj.options.length; i
>
0
;i
--
)
{
obj.remove(i);
}
}
//
选择一个常用收货地址
function useThisAddress(ReceID)
{
var result
=
OrderSystemCtrl.AjaxMsg.AjaxMethods.GetMyAddress(parseInt(ReceID));
if
(result
!=
null
)
{
var dt
=
result.value;
if
(dt.length
>
0
)
{
var Province
=
document.getElementById(
"
seProvince
"
);
var City
=
document.getElementById(
"
seCity
"
);
var Area
=
document.getElementById(
"
seArea
"
);
Province.value
=
dt[
0
];
LoadCity(dt[
0
]);
City.value
=
dt[
1
];
LoadArea(dt[
1
]);
Area.value
=
dt[
2
];
}
}
}
,
这个送给你!
posted on
2008-05-21 09:46
︷起↘嚸.
阅读(
380
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告