1.建立一個aspx頁面,html程式碼
<html xmlns=" http://www.w3.org/1999/xhtml ">
<頭runat =“伺服器”>
<標題>無標題頁</標題>
<腳本類型=“文字/javascript”>
var xmlHttp;
函數 createXMLHttpRequest()
{
if (視窗.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
否則如果 (window.XMLHttpRequest)
{
xmlHttp = 新的 XMLHttpRequest();
}
}
函數startRequest()
{
//偵錯工具;
var ProvinceID=document.getElementById("DropDownList1");
建立XMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);
xmlHttp.send(null);
}
函數handleStateChange()
{
if(xmlHttp.readyState == 4) //0(未初始化);1(正在載入);2 (載入中);3 (交易中);4 (完成)
{
if(xmlHttp.status == 200) //200(確定);404(找不到)
{
document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
}
}
}
</腳本>
</頭>
<正文>
<form id="form1" runat="伺服器">
<div>
<asp:DropDownList ID="DropDownList1" runat="伺服器">
</asp:DropDownList>
</div>
<div id="gridiv"></div>
</形式>
</正文>
</html>2.cs程式碼
使用 System.Data.SqlClient;
protected void Page_Load(物件發送者,EventArgs e)
{
if (!Page.IsPostBack)
{
this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
列表省份();
if (ProvinceID != "")
{
GetCityByProvinceID(ProvinceID);
}
}
}
屬性#區域屬性
私有字串 ProvinceID
{
得到
{
if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")
{
返回請求[“ProvinceID”];
}
別的
{
返回 ””;
}
}
}
#endregion
GetDataSet#region GetDataSet
私有資料集 GetDataSet(字串 sql)
{
字串 constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda =new SqlDataAdapter(sql,constring);
資料集 ds=new 資料集();
sda.Fill(ds);
返回ds;
}
#endregion
GetCityByProvinceID#region GetCityByProvinceID
private void GetCityByProvinceID(string ProvinceID)
{
字串 connStr = ConfigurationSettings.AppSettings["ConnectionString"];
SqlConnection conn = new SqlConnection(connStr);
string sql = "從父親='的城市中選擇*" + ProvinceID + "'";
SqlCommand cmd = new SqlCommand(sql, conn);
conn.Open();
SqlDataReader dr = cmd.ExecuteReader();
字串 s = @"<table cellspacing='0' cellpadding='4' border='0' id='GridView1' style='color:#333333;border-collapse:collapse;'>";
s+="<tr style='color:White;background-color:#990000;font-weight:bold;'>";
s+="<thscope='col'>流水號</th><thscope='col'>代號</th><thscope='col'>城市</th></tr>";
整數米 = 0;
while (dr.Read())
{
如果(m%2==0)
{
s += "<tr style='color:#333333;background-color:#FFFBD6;'>";
}
別的
{
s += "<tr style='color:#333333;background-color:White;'>";
}
米++;
s += "<td>" + dr["id"] + "</td>";
s += "<td>" + dr["cityID"] + "</td>";
s += "<td>" + dr["城市"] + "</td>";
s+=“</tr>”;
}
s+="</table>";
博士.關閉();
conn.Close();
this.Response.Write(s);
this.Response.End();
}
#endregion
ListProvince#region ListProvince
私有無效ListProvince()
{
string sql = "從省份中選擇*";
資料集 ds = GetDataSet(sql);
DropDownList1.DataSource = ds;
DropDownList1.DataTextField = "省份";
DropDownList1.DataValueField = "省ID";
DropDownList1.DataBind();
}
#endregion