省市联动

最新推荐文章于 2019-05-22 18:07:57 发布

风若寒89

最新推荐文章于 2019-05-22 18:07:57 发布

阅读量464

点赞数

文章标签： Jquery

本文链接：https://blog.csdn.net/zhao8912/article/details/39226097

版权

联动页面

<%@ 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;
            }
        }
    }

风若寒89

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
省市联动

联动.aspx 页面 $(document).ready(function () { $("#one").change(function () { $.post('/Ajax/ProvinceCity.ashx', { one: $(this).val(), action: 0 }, f
复制链接

扫一扫