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

转载 2007年09月15日 23:14:00
出处:http://singlepine.cnblogs.com/articles/265678.html


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


        
down2_bind

        
down3_bind
        
        
down1_bind

        
Web Form Designer generated code
    }

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

5.源代码下载XmlHttpselect.rar 

相关文章推荐

ASP.NET——实现两个下拉框动态联动

这样的动态联动,一般由多个下拉框组成一组菜单,比如上面用到的两个下拉框。下拉菜单之间有联动的关系。当上级的选中项发生改变时,下级会根据上级中的选中项显示相应的内容。 用了动态联动之后,当面...

ASP.NET MVC + Jquery 实现Ajax下拉框数据三级联动

这是第一使用Jquery实现城市三级数据联动的实例!之前本人没有使用过Jquery,在WebForm的开发过程中,很多时候用的是ASP.NET Ajax,ajaxPro +JavaScript,从未使...
  • lchwhy
  • lchwhy
  • 2012年04月08日 20:04
  • 987

asp.net 利用微软数据访问类库结合AjaxPro实现无刷新下拉框级联

1、新建一个web网站,添加如下几个dll引用。具体的dll文件可在如下地址下载:http://download.csdn.net/detail/taomanman/4167764 2、新建...

asp.net用xmlhttp实现无刷新定时读取后台数据

http://www.cnblogs.com/efreer/archive/2009/04/10/1433213.html 整理 update.html页面所有代码 http://www...
  • ilvu999
  • ilvu999
  • 2011年12月22日 14:31
  • 526

Asp.net实现的彩色下拉框源码

  • 2010年02月10日 11:13
  • 41KB
  • 下载

如何在Asp.net中实现多彩下拉框

开发背景:     有人曾经要我开发一个根据不同选择而显示不同颜色的管理工具。我开始考虑利用下拉框来实现条目背景及显示颜色根据条目名称不同而进行变化,根据这个思路我在网上搜了半天也没有找到任何相关的...

Asp.net实现的彩色下拉框源码

  • 2008年10月31日 13:36
  • 20KB
  • 下载

下拉框控件dhtmlXCombo在ASP.NET中的使用详解

    在ASP.NET项目中经常会用到下拉框控件,但是ASP.NET提供的DropDownList控件不能修改样式,经常会与网站整体风格格格不入。这里要介绍的dhtmlXCombo控件是一款基于JQ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Asp.Net XmlHttp实现无刷新三联动下拉框
举报原因:
原因补充:

(最多只允许输入30个字)