機能: テキスト ボックスにコンテンツを入力し、データベース モジュールからダウンロードしたブラウザを起動して、
1.建立aspx页面、html代コード
<HTML>
を提供します。
<頭>
<title>Webフォーム1</title>
<SCRIPT言語="javascript">
//城市----------------------------
関数 cityResult()
{
var city=document.getElementById("TextBox1");
WebForm1.GetCityList(city.value,get_city_Result_CallBack);
}
関数 get_city_Result_CallBack(応答)
{
if (response.value != null)
{
//デバッガ;
document.getElementById("DropDownList1").style.display="ブロック";
document.getElementById("DropDownList1").length=0;
var ds = 応答.値;
if(ds != null && typeof(ds) == "オブジェクト" && ds.Tables != null)
{
for(var i=0; i<ds.Tables[0].Rows.length; i++)
{
var name=ds.Tables[0].Rows[i].city;
var id=ds.Tables[0].Rows[i].cityID;
document.getElementById("DropDownList1").options.add(new Option(name,id));
}
}
}
それ以外
{
document.getElementById("DropDownList1").style.display="none";
}
戻る
}
関数 getData()
{
var 州=document.getElementById("DropDownList1");
var pindex = 州.selectedIndex;
var pValue = 州.オプション[pindex].value;
var pText = 州.オプション[pindex].text;
document.getElementById("<%=TextBox1.ClientID%>").innerText=pText;
}
</スクリプト>
</HEAD>
<本文>
<form id="Form1" Method="post" runat="server">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br>
<asp:DropDownList ID="DropDownList1" runat="server" width="192px" style="display:none"></asp:DropDownList>
</form>
</body>
</HTML>2.cs代码
システムを使用する;
System.Collections を使用します。
System.ComponentModel を使用します。
System.Data を使用します。
System.Drawing を使用します。
System.Web を使用します。
System.Web.SessionState を使用します。
System.Web.UI を使用します。
System.Web.UI.WebControls を使用します。
System.Web.UI.HtmlControls を使用します。
System.Data.SqlClient を使用します。
名前空間 ajaxselect
{
/**//// <概要>
/// WebForm1 の概要説明。
/// </概要>
パブリック クラス WebForm1 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.TextBox TextBox1;
protected System.Web.UI.WebControls.DropDownList DropDownList1;
private void Page_Load(オブジェクト送信者、System.EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(WebForm1));
if (!Page.IsPostBack)
{
this.TextBox1.Attributes.Add("onchange", "cityResult();");
this.DropDownList1.Attributes.Add("onclick", "getData();");
}
デザイナー
が生成したコード#region Web フォーム デザイナーが生成したコード
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: この呼び出しは ASP.NET Web フォーム デザイナに必要です。
//
InitializeComponent();
Base.OnInit(e);
}
/**//// <概要>
/// デザイナーのサポートに必要なメソッド - 変更しないでください
/// このメソッドの内容をコード エディターで表示します。
/// </概要>
private void InitializeComponent()
{
this.Load += 新しい System.EventHandler(this.Page_Load);
}
#endregion
GetCityList#region GetCityList
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
public DataSet GetCityList(int 州 ID)
{
string sql = "select * 父親が「%」のような都市から選択" + 州 ID + "%";
GetDataSet(sql)を返します;
}
#エンドリージョン
GetDataSet#region GetDataSet
パブリック静的 DataSet GetDataSet(string sql)
{
string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = 新しい SqlDataAdapter(sql, ConnectionString);
DataSet ds = 新しい DataSet();
sda.Fill(ds);
DSを返します。
}
#エンドリージョン
}
}3.源代码ダウンロード
4.データ库のスクリプト
CREATE TABLE [dbo].[city](
[id] [int] NOT NULL、
[cityID] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
[都市] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL,
[父] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
制約 [PK_city] クラスター化された主キー
(
[id] ASC
)WITH (IGNORE_DUP_KEY = OFF) オン [プライマリ]
) [プライマリ] オン