程序博客网 > p2p行业数据分析

XmlHttp实现无刷新三联动下拉框

来源：互联网 发布：p2p行业数据分析 编辑：程序博客网 时间：2024/05/18 02:06
 


1.html代码

<HTML>
    <HEAD>
        <title>XmlHttp实现无刷新三联动下拉框</title>
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <INPUT style="Z-INDEX: 102; LEFT: 448px; WIDTH: 56px; POSITION: absolute; TOP: 80px; HEIGHT: 24px"
                onclick="getData();" type="button" value="保存" id="Button1" name="Button1" runat="server">
            <asp:TextBox id="TextBox1" style="Z-INDEX: 101; LEFT: 16px; POSITION: absolute; TOP: 80px" runat="server"
                Width="424px"></asp:TextBox>
            <asp:DropDownList id="DropDownList2" runat="server" style="Z-INDEX: 103; LEFT: 176px; POSITION: absolute; TOP: 120px"></asp:DropDownList>
            <asp:DropDownList id="DropDownList1" runat="server" style="Z-INDEX: 104; LEFT: 16px; POSITION: absolute; TOP: 120px"></asp:DropDownList>
            <asp:DropDownList id="DropDownList3" runat="server" style="Z-INDEX: 105; LEFT: 296px; POSITION: absolute; TOP: 120px"></asp:DropDownList><INPUT style="Z-INDEX: 106; LEFT: 8px; WIDTH: 160px; POSITION: absolute; TOP: 176px; HEIGHT: 22px"
                type="hidden" size="21" id="hidprovince" runat="server"><INPUT style="Z-INDEX: 107; LEFT: 184px; POSITION: absolute; TOP: 176px" type="hidden"
                id="hidcity" runat="server"><INPUT style="Z-INDEX: 108; LEFT: 360px; POSITION: absolute; TOP: 176px" type="hidden"
                id="hidarea" runat="server">
            <SCRIPT LANGUAGE="JavaScript">
            <!--
                //以XML求取DropDownList2的数据
                function XmlPost2(obj)
                {
　　                var svalue = obj.value;
　　                var webFileUrl = "?povinceid=" + svalue;
　　                var result = "";
　　                var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
　　                xmlHttp.open("POST", webFileUrl, false);
　　                xmlHttp.send("");
　　                result = xmlHttp.responseText;
                　　
　　                if(result != "")
　　                {
　　　　                document.all("DropDownList2").length=0;
　　　　                var piArray = result.split(",");
　　　　                for(var i=0;i<piArray.length;i++)
　　　　                {
　　　　　　                var ary1 = piArray[i].toString().split("|");
　　　　　　                document.all("DropDownList2").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
　　　　                }
　　                }
　　                else
　　                {
　　　　                alert(result);
　　                }
                }
                //以XML求取DropDownList3的数据
                function XmlPost3(obj)
                {
　　                var svalue = obj.value;
　　                var webFileUrl = "?cityid=" + svalue;
　　                var result = "";
　　                var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
　　                xmlHttp.open("POST", webFileUrl, false);
　　                xmlHttp.send("");
　　                result = xmlHttp.responseText;
                　　
　　                if(result != "")
　　                {
　　　　                document.all("DropDownList3").length=0;
　　　　                var piArray = result.split(",");
　　　　                for(var i=0;i<piArray.length;i++)
　　　　                {
　　　　　　                var ary1 = piArray[i].toString().split("|");
　　　　　　                document.all("DropDownList3").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
　　　　                }
　　                }
　　                else
　　                {
　　　　                alert(result);
　　                }
                }
                function getData()
                {
                    var province=document.getElementById("DropDownList1");
                    var pindex = province.selectedIndex;
                    var pValue = province.options[pindex].value;
                    var pText  = province.options[pindex].text;
                    
                    var city=document.getElementById("DropDownList2");
                    var cindex = city.selectedIndex;
                    var cValue = city.options[cindex].value;
                    var cText  = city.options[cindex].text;
                    
                    var area=document.getElementById("DropDownList3");
                    var aindex = area.selectedIndex;
                    var aValue = area.options[aindex].value;
                    var aText  = area.options[aindex].text;
                    
                    var txt=document.getElementById("TextBox1");                                

                    document.getElementById("<%=TextBox1.ClientID%>").innerText="省:"+pValue+"|"+pText+"市:"+cValue+"|"+cText+"区:"+aValue+"|"+aText;
                    document.Form1.hidprovince.value=pValue;
                    document.Form1.hidcity.value=cValue;
                    document.Form1.hidarea.value=aValue;
                }
            //-->
            </SCRIPT>
        </form>
    </body>
</HTML>

2.cs代码

public class WebForm1 : System.Web.UI.Page
    {
        protected System.Web.UI.WebControls.DropDownList DropDownList1;
        protected System.Web.UI.WebControls.DropDownList DropDownList2;
        protected System.Web.UI.WebControls.DropDownList DropDownList3;
        protected System.Web.UI.WebControls.TextBox TextBox1;
    
        public static string ConnectionString=System.Configuration .ConfigurationSettings .AppSettings["ConnectionString"];
    
        #region GetDataSet
        public static DataSet GetDataSet(string sql)
        {
            SqlDataAdapter    sda =new SqlDataAdapter(sql,ConnectionString);
            DataSet ds=new DataSet();
            sda.Fill(ds);
            return ds;
        }
        #endregion

        #region property
        private string provinceid
        {
            get
            {
                if(ViewState["provinceid"]!=null && ViewState["provinceid"].ToString()!="")
                {
                    return ViewState["provinceid"].ToString();
                }
                else
                {
                    if(Request["provinceid"]!=null && Request["provinceid"].ToString()!="")
                    {
                        return Request["provinceid"];
                    }
                    else
                    {
                        return "";
                    }
                }
            }
            set
            {
                ViewState["provinceid"]=value;
            }
        }
        private string cityid
        {
            get
            {
                if(ViewState["cityid"]!=null && ViewState["cityid"].ToString()!="")
                {
                    return ViewState["cityid"].ToString();
                }
                else
                {
                    if(Request["cityid"]!=null && Request["cityid"].ToString()!="")
                    {
                        return Request["cityid"];
                    }
                    else
                    {
                        return "";
                    }
                }
            }
            set
            {
                ViewState["cityid"]=value;
            }
        }
        #endregion

        #region Page_Load
        private void Page_Load(object sender, System.EventArgs e)
        {
            if(!this.IsPostBack)
　　        {
　　　　        this.down1_bind();
                this.DropDownList1.Attributes.Add("onchange","XmlPost2(this);");
                this.DropDownList2.Attributes.Add("onchange","XmlPost3(this);");
　　        }
　　        if(provinceid != "")
　　        {
　　　　        this.down2_bind(provinceid);
　　        }
            if(cityid != "")
　　        {
　　　　        this.down3_bind(cityid);
　　        }
        }
        
        #endregion

        #region down2_bind
        private void down2_bind(string id)
        {
　　        string mystr = "";
　　        string sql = "select cityID,city from city where father = '" + id + "'";
　　        DataSet ds = GetDataSet(sql);

　　        if(ds.Tables[0].Rows.Count != 0)
　　        {
　　　　        for(int i=0;i<ds.Tables[0].Rows.Count;i++)
　　　　        {
　　　　　　        mystr += "," + ds.Tables[0].Rows[i][0].ToString() + "|" + ds.Tables[0].Rows[i][1].ToString();
　　　　        }
　　　　        mystr = mystr.Substring(1);
　　        }
　　        this.Response.Write(mystr);
　　        this.Response.End();
        }
        #endregion

        #region down3_bind
        private void down3_bind(string id)
        {
　　        string mystr = "";
　　        string sql = "select areaID,area from area where father = '" + id + "'";
　　        DataSet ds = GetDataSet(sql);

　　        if(ds.Tables[0].Rows.Count != 0)
　　        {
　　　　        for(int i=0;i<ds.Tables[0].Rows.Count;i++)
　　　　        {
　　　　　　        mystr += "," + ds.Tables[0].Rows[i][0].ToString() + "|" + ds.Tables[0].Rows[i][1].ToString();
　　　　        }
　　　　        mystr = mystr.Substring(1);
　　        }
　　        this.Response.Write(mystr);
　　        this.Response.End();
        }

        #endregion
        
        #region down1_bind
        private void down1_bind()
        {
　　        string sql = "select provinceID,province from province";
　　        DataSet ds = GetDataSet(sql);
　　        this.DropDownList1.DataSource = ds;
　　        this.DropDownList1.DataValueField = "provinceID";
　　        this.DropDownList1.DataTextField = "province";
　　        this.DropDownList1.DataBind();　　        
        }

        #endregion

        #region Web Form Designer generated code
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: This call is required by the ASP.NET Web Form Designer.
            //
            InitializeComponent();
            base.OnInit(e);
        }

        /// <summary>
        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        /// </summary>
        private void InitializeComponent()
        {    
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion
    }

3.数据库area1.rar
4.Ajax实现无刷新三联动下拉框

5.源代码下载XmlHttpselect.rar

p2p行业数据分析 p2p行业数据分析
原创粉丝点击
热门IT博客
java有发展吗java有发展吗
手机统计分析软件手机统计分析软件
asp和php网站的区别
npm 淘宝源
网络推广属于哪个部门
数据共享平台建设方案
js创建二维数组
全民飞机大战冲刺算法
xpa-700 驱动windows
网络监控摄像机
华为端口镜像配置实例
人工智能 英文
js attribute property
java volatile的用法
js正则密码区分大小写
java字符串 单引号转义
2017环境数据表格
短网址源码
java方法泛型类型参数
运用python成为黑客pdf
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 中秋节唯美图片 清纯唯美五月 牵手图片唯美 唯美陶瓷是几线品牌 唯美的女生图片 唯美写真图片 唯美小女孩图片 唯美钢笔字图片 唯美篮球场图片 唯美花朵意境图片 唯美的爱情故事 唯美写真照片 唯美手绘古装情侣 唯美相机图片 唯美的句子爱情 唯美婚纱照女背影图片 一个人唯美图片 清纯唯美 另类 唯美男女图片 生日快乐唯美图片 女生唯美婚纱照 风景图片唯美 玫瑰花唯美图片 深蓝色唯美图片 唯美婚纱照价格 四叶草唯美图片 浅蓝色唯美图片 唯美的婚纱照图片 淡蓝色唯美图片 唯美芭蕾舞图片 清纯唯美 亚洲图片 唯美小雏菊图片 唯美孕妇照图片 唯美自然风景图片 唯美卡通女生图片 唯美短发图片 唯美戒指图片 月亮的图片唯美图片 高清唯美意境图片 唯美建筑图片 好看唯美图片

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里