联动页面
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="联动.aspx.cs" Inherits="Test.Web.联动" %>
<!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 runat="server">
<title></title>
<script src="../js/jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#one").change(function () {
$.post('/Ajax/ProvinceCity.ashx', { one: $(this).val(), action: 0 }, function (data) { $("#two").empty().html(data) }, 'html');
$.post('/Ajax/ProvinceCity.ashx', { one: $(this).val(), two: 0, action: 1 }, function (data) { $("#three").empty().html(data) }, 'html');
$("#two").focus();
});
$("#two").change(function () {
$.post('/Ajax/ProvinceCity.ashx', { two: $(this).val(), action: 1 }, function (data) { $("#three").empty().html(data) }, 'html');
$("#three").focus();
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="one" name="one"><option value="0">--请选择--</option><option value="华中">华中</option></select> <select id="two" name="two"></select> <select id="three" name="three"></select>
</div>
</form>
</body>
</html>
ProvinceCity页面
/// <summary>
/// ProvinceCity 的摘要说明
/// </summary>
public class ProvinceCity : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
//int brand = int.Parse(context.Request.Form["Bind"].ToString());
string action = context.Request["action"].ToString();
string Area = context.Request.Form["one"];
string Province = context.Request.Form["two"];
switch (action)
{
case "0": //说明要绑定哪个省了
ChangeProvince(Area, context);
break;
case "1"://说明要绑定哪个城市了
ChangeCity(Province, context);
break;
}
}
/// <summary>
/// 选择省
/// </summary>
/// <param name="Area"></param>
/// <param name="context"></param>
private void ChangeProvince(string Area, HttpContext context)
{
string[] a={"北京","河南省","河北省","陕西省"};
if (Area == "0")//重置省市下拉框
{
context.Response.Write("<option value=\"0\">请选择省市</option>");
}
else
{
StringBuilder _temp = new StringBuilder();
_temp.AppendFormat("<option value=\"0\">请选择省市</option>");
for (int i = 0; i < a.Length;i++ )
{
_temp.AppendFormat("<option value=\"{0}\">{1}</option>\n", a[i],a[i]);
}
context.Response.Write(_temp.ToString());
}
}
/// <summary>
/// 选择市区
/// </summary>
/// <param name="Province"></param>
/// <param name="context"></param>
private void ChangeCity(string Province, HttpContext context)
{
if (Province == "0")//重置市区下拉框
{
context.Response.Write("<option value=\"0\">请选择市区</option>");
}
else
{
string[] a = { "郑州", "洛阳", "开封", "项城" };
StringBuilder _temp = new StringBuilder();
_temp.AppendFormat("<option value=\"0\">请选择市区</option>");
for (int i = 0; i < a.Length;i++ )
{
_temp.AppendFormat("<option value=\"{0}\">{1}</option>\n", a[i],a[i]);
}
context.Response.Write(_temp.ToString());
}
}
public bool IsReusable
{
get
{
return false;
}
}
}