1.aspx页面、html代コードの構築
<html xmlns=" http://www.w3.org/1999/xhtml " >
<head runat="サーバー">
<title>無題のページ</title>
<script type="text/javascript">
var xmlHttp;
関数createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
xmlHttp = 新しい XMLHttpRequest();
}
}
関数 startRequest()
{
//デバッガ;
var statesID=document.getElementById("DropDownList1");
createXMLHttpRequest();
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(OK);404(見つかりません)
{
document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
}
}
}
</script>
</head>
<本文>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="DropDownList1" runat="server">
</asp:ドロップダウンリスト>
</div>
<div id ="gridiv"></div>
</form>
</body>
</html>2.cs代码
System.Data.SqlClient を使用します。
protected void Page_Load(オブジェクト送信者, EventArgs e)
{
if (!Page.IsPostBack)
{
this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
ListProvince();
if (県ID != "")
{
GetCityByProvinceID(ProvinceID);
}
}
property
#region プロパティ
プライベート文字列 州ID
{
得る
{
if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")
{
return Request["ProvinceID"];
}
それ以外
{
戻る "";
}
}
}
#endregion
GetDataSet#region GetDataSet
プライベート DataSet GetDataSet(string sql)
{
string constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda =new SqlDataAdapter(sql,constring);
データセット ds=新しいデータセット();
sda.Fill(ds);
DSを返します。
}
#endregion
GetCityByProvinceID#region GetCityByProvinceID
プライベート void GetCityByProvinceID(string 州 ID)
{
string connStr = ConfigurationSettings.AppSettings["ConnectionString"];
SqlConnection conn = 新しい SqlConnection(connStr);
string sql = "select * from city where Father='" + 州ID + "'";
SqlCommand cmd = new SqlCommand(sql, conn);
conn.Open();
SqlDataReader dr = cmd.ExecuteReader();
string s = @"<table cellpacing='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>";
int m = 0;
while (dr.Read())
{
if (m % 2 == 0)
{
s += "<tr style='color:#333333;background-color:#FFFBD6;'>";
}
それ以外
{
s += "<tr style='color:#333333;background-color:White;'>";
}
m++;
s += "<td>" + dr["id"] + "</td>";
s += "<td>" + dr["cityID"] + "</td>";
s += "<td>" + dr["city"] + "</td>";
s += "</tr>";
}
s+="</テーブル>";
dr.Close();
conn.Close();
this.Response.Write(s);
this.Response.End();
}
#endregion
リスト州#region リスト州
private void ListProvince()
{
string sql = "都道府県から * を選択";
DataSet ds = GetDataSet(sql);
DropDownList1.DataSource = ds;
DropDownList1.DataTextField = "州";
DropDownList1.DataValueField = "県ID";
DropDownList1.DataBind();
}
#エンドリージョン