Ajax版省市三联动（源码）
2013-05-22 21:44
441 查看
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetProvince",
data: "{}",
success: function (result) {
var strprovince;
for (var i = 0; i < result.d.length; i++) {
strprovince += "<option value='" + result.d[i].provinceID + "'>";
strprovince += result.d[i].provincename;
strprovince += "</option>";
}
$("#province").append(strprovince);
}
})
$("#province").change(function () {
$("#city option:gt(0)").remove();
$("#area option:gt(0)").remove();
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetCity",
data: "{provid:'" + $(this).val() + "'}",
success: function (result) {
var strcity;
for (var i = 0; i < result.d.length; i++) {
strcity += "<option value='" + result.d[i].cityID + "'>";
strcity += result.d[i].cityname;
strcity += "</option>";
}
$("#city").append(strcity);
}
})
})
$("#city").change(function () {
$("#area option:gt(0)").remove();
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetArea",
data: "{cityid:'" + $(this).val() + "'}",
success: function (result) {
var strarea;
for (var i = 0; i < result.d.length; i++) {
strarea += "<option value='" + result.d[i].areaID + "'>",
strarea += result.d[i].areaname,
strarea += "</option>"
}
$("#area").append(strarea);
}
})
})
})
</script>
</head>
<body>
<select id="province">
<option>----请选择省----</option>
</select>
<select id="city">
<option>----请选择市----</option>
</select>
<select id="area">
<option>----请选择县----</option>
</select>
</body>
*********************************WebService1.asmx页面***********************************
[WebMethod]
public List<fenye.Model.province> GetProvince()
{
fenye.BLL.province prov = new fenye.BLL.province();
List<fenye.Model.province> provlist = prov.GetListModel();
return provlist;
}
[WebMethod]
public List<fenye.Model.city> GetCity(string provid)
{
fenye.BLL.city city = new fenye.BLL.city();
List<fenye.Model.city> citylist = city.GetListcity("father='" + provid + "'");
return citylist;
}
[WebMethod]
public List<fenye.Model.area> GetArea(string cityid)
{
fenye.BLL.area area = new fenye.BLL.area();
List<fenye.Model.area> arealist = area.GetListarea("father='" + cityid + "'");
return arealist;
}
*********************************DAL province********************************************
/// <summary>
/// 获得数据列表
/// </summary>
public DataSet GetList(string strWhere)
{
StringBuilder strSql=new StringBuilder();
strSql.Append("select id,provinceID,provincename ");
strSql.Append(" FROM province ");
if(strWhere.Trim()!="")
{
strSql.Append(" where "+strWhere);
}
return DbHelperSQL.Query(strSql.ToString());
}
//获取数据列表
public List<Model.province> GetListModel()
{
List<Model.province> listprov = new List<Model.province>();
DataTable dt = GetList("").Tables[0];
foreach (DataRow row in dt.Rows)
{
Model.province prov = new Model.province();
prov.id = Convert.ToInt32(row["id"]);
prov.provinceID = row["provinceID"].ToString();
prov.provincename = row["provincename"].ToString();
listprov.Add(prov);
}
return listprov;
}
***********************************DAL city*************************************************
/// <summary>
/// 获得数据列表
/// </summary>
public DataSet GetList(string strWhere)
{
StringBuilder strSql=new StringBuilder();
strSql.Append("select id,cityID,cityname,father ");
strSql.Append(" FROM city ");
if(strWhere.Trim()!="")
{
strSql.Append(" where "+strWhere);
}
return DbHelperSQL.Query(strSql.ToString());
}
public List<Model.city> GetListcity(string strSql)
{
List<Model.city> listcity = new List<Model.city>();
DataTable dt = GetList(strSql).Tables[0];
foreach (DataRow row in dt.Rows)
{
Model.city city = new Model.city();
city.cityID = row["cityID"].ToString();
city.cityname = row["cityname"].ToString();
listcity.Add(city);
}
return listcity;
}
*************************DAL area*************************************
/// <summary>
/// 获得数据列表
/// </summary>
public DataSet GetList(string strWhere)
{
StringBuilder strSql=new StringBuilder();
strSql.Append("select id,areaID,areaname,father ");
strSql.Append(" FROM area ");
if(strWhere.Trim()!="")
{
strSql.Append(" where "+strWhere);
}
return DbHelperSQL.Query(strSql.ToString());
}
public List<Model.area> GetListarea(string sqlStr)
{
List<Model.area> listarea = new List<Model.area>();
DataTable dt = GetList(sqlStr).Tables[0];
foreach (DataRow row in dt.Rows)
{
Model.area area = new Model.area();
area.areaID = row["areaID"].ToString();
area.areaname = row["areaname"].ToString();
listarea.Add(area);
}
return listarea;
}
********************************BLL provice***************************************
public List<Model.province> GetListModel()
{
return dal.GetListModel();
}
*********************************BLL city******************************************
public List<Model.city> GetListcity(string sqlStr)
{
return dal.GetListcity(sqlStr);
}
*********************************BLL area********************************************
public List<Model.area> GetListarea(string sqlStr)
{
return dal.GetListarea(sqlStr);
}
<script type="text/javascript">
$(function () {
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetProvince",
data: "{}",
success: function (result) {
var strprovince;
for (var i = 0; i < result.d.length; i++) {
strprovince += "<option value='" + result.d[i].provinceID + "'>";
strprovince += result.d[i].provincename;
strprovince += "</option>";
}
$("#province").append(strprovince);
}
})
$("#province").change(function () {
$("#city option:gt(0)").remove();
$("#area option:gt(0)").remove();
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetCity",
data: "{provid:'" + $(this).val() + "'}",
success: function (result) {
var strcity;
for (var i = 0; i < result.d.length; i++) {
strcity += "<option value='" + result.d[i].cityID + "'>";
strcity += result.d[i].cityname;
strcity += "</option>";
}
$("#city").append(strcity);
}
})
})
$("#city").change(function () {
$("#area option:gt(0)").remove();
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetArea",
data: "{cityid:'" + $(this).val() + "'}",
success: function (result) {
var strarea;
for (var i = 0; i < result.d.length; i++) {
strarea += "<option value='" + result.d[i].areaID + "'>",
strarea += result.d[i].areaname,
strarea += "</option>"
}
$("#area").append(strarea);
}
})
})
})
</script>
</head>
<body>
<select id="province">
<option>----请选择省----</option>
</select>
<select id="city">
<option>----请选择市----</option>
</select>
<select id="area">
<option>----请选择县----</option>
</select>
</body>
*********************************WebService1.asmx页面***********************************
[WebMethod]
public List<fenye.Model.province> GetProvince()
{
fenye.BLL.province prov = new fenye.BLL.province();
List<fenye.Model.province> provlist = prov.GetListModel();
return provlist;
}
[WebMethod]
public List<fenye.Model.city> GetCity(string provid)
{
fenye.BLL.city city = new fenye.BLL.city();
List<fenye.Model.city> citylist = city.GetListcity("father='" + provid + "'");
return citylist;
}
[WebMethod]
public List<fenye.Model.area> GetArea(string cityid)
{
fenye.BLL.area area = new fenye.BLL.area();
List<fenye.Model.area> arealist = area.GetListarea("father='" + cityid + "'");
return arealist;
}
*********************************DAL province********************************************
/// <summary>
/// 获得数据列表
/// </summary>
public DataSet GetList(string strWhere)
{
StringBuilder strSql=new StringBuilder();
strSql.Append("select id,provinceID,provincename ");
strSql.Append(" FROM province ");
if(strWhere.Trim()!="")
{
strSql.Append(" where "+strWhere);
}
return DbHelperSQL.Query(strSql.ToString());
}
//获取数据列表
public List<Model.province> GetListModel()
{
List<Model.province> listprov = new List<Model.province>();
DataTable dt = GetList("").Tables[0];
foreach (DataRow row in dt.Rows)
{
Model.province prov = new Model.province();
prov.id = Convert.ToInt32(row["id"]);
prov.provinceID = row["provinceID"].ToString();
prov.provincename = row["provincename"].ToString();
listprov.Add(prov);
}
return listprov;
}
***********************************DAL city*************************************************
/// <summary>
/// 获得数据列表
/// </summary>
public DataSet GetList(string strWhere)
{
StringBuilder strSql=new StringBuilder();
strSql.Append("select id,cityID,cityname,father ");
strSql.Append(" FROM city ");
if(strWhere.Trim()!="")
{
strSql.Append(" where "+strWhere);
}
return DbHelperSQL.Query(strSql.ToString());
}
public List<Model.city> GetListcity(string strSql)
{
List<Model.city> listcity = new List<Model.city>();
DataTable dt = GetList(strSql).Tables[0];
foreach (DataRow row in dt.Rows)
{
Model.city city = new Model.city();
city.cityID = row["cityID"].ToString();
city.cityname = row["cityname"].ToString();
listcity.Add(city);
}
return listcity;
}
*************************DAL area*************************************
/// <summary>
/// 获得数据列表
/// </summary>
public DataSet GetList(string strWhere)
{
StringBuilder strSql=new StringBuilder();
strSql.Append("select id,areaID,areaname,father ");
strSql.Append(" FROM area ");
if(strWhere.Trim()!="")
{
strSql.Append(" where "+strWhere);
}
return DbHelperSQL.Query(strSql.ToString());
}
public List<Model.area> GetListarea(string sqlStr)
{
List<Model.area> listarea = new List<Model.area>();
DataTable dt = GetList(sqlStr).Tables[0];
foreach (DataRow row in dt.Rows)
{
Model.area area = new Model.area();
area.areaID = row["areaID"].ToString();
area.areaname = row["areaname"].ToString();
listarea.Add(area);
}
return listarea;
}
********************************BLL provice***************************************
public List<Model.province> GetListModel()
{
return dal.GetListModel();
}
*********************************BLL city******************************************
public List<Model.city> GetListcity(string sqlStr)
{
return dal.GetListcity(sqlStr);
}
*********************************BLL area********************************************
public List<Model.area> GetListarea(string sqlStr)
{
return dal.GetListarea(sqlStr);
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- ajax+xml实现省市区无刷新联动代码 for Dotnet 附源码示例
- 数据列表Ajax版省市三联动（源码）
- 用php+mysql+json+js+ajax实现省市县三级联动
- 无限级联动菜单-AJAX版（附源码下载）
- JQuery+Ajax实现下拉框联动（省市联动）
- Ajax联动实现省市联动
- ajaxpro 省市县联动收藏
- 无刷新省市县三级联动(AJAX/Webservice)
- java ajax二级省市联动
- 省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例
- 省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例
- 原生态ajax的省市联动
- jQuery+php+mysql,轻松实现ajax无刷新省市二级联动
- Android省市县三级联动 真实项目抽出 调用只需3行代码 源码免积分下载
- java ajax二级省市联动
- Ajax实现省市二级联动
- ajax实现无刷新省市县三级联动
- 使用AJAX+php+mysql实现省市县三级联动
- Ajax实现省市县三级联动
- 无限级联动菜单-AJAX版（附源码下载）