功能:intextbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择
1.建立一aspx页face,html代码
<HTML>
<헤드>
<title>웹폼1</title>
<SCRIPT 언어="자바스크립트">
//citycity------------------
함수 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="block";
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 이름=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;
}
</SCRIPT>
</HEAD>
<본문>
<form id="Form1" method="post" runat="서버">
<asp:TextBox ID="TextBox1" runat="서버"></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.드로잉 사용;
System.Web 사용;
System.Web.SessionState 사용;
System.Web.UI 사용;
System.Web.UI.WebControls 사용;
System.Web.UI.HtmlControls 사용;
System.Data.SqlClient 사용;
네임스페이스 ajaxselect
{
/**//// <요약>
/// WebForm1에 대한 요약 설명입니다.
/// </summary>
공개 클래스 WebForm1 : System.Web.UI.Page
{
보호된 System.Web.UI.WebControls.TextBox TextBox1;
보호된 System.Web.UI.WebControls.DropDownList DropDownList1;
개인 무효 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 웹 양식 디자이너 생성 코드
보호된 void OnInit(EventArgs e) 재정의
{
//
// CODEGEN: 이 호출은 ASP.NET 웹 양식 디자이너에 필요합니다.
//
초기화구성요소();
base.OnInit(e);
}
/**//// <요약>
/// Designer 지원을 위한 필수 메소드 - 수정하지 마세요.
/// 코드 편집기를 사용하여 이 메서드의 내용을 확인합니다.
/// </summary>
개인 무효 초기화 구성 요소()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
GetCityList#region GetCityList
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
공개 데이터 세트 GetCityList(int Provinceid)
{
string sql = "'%'와 같은 아버지가 있는 도시에서 * 선택" + 지방 ID + "%'";
GetDataSet(sql)을 반환합니다.
}
#endregion
GetDataSet#region GetDataSet
공개 정적 데이터 세트 GetDataSet(문자열 sql)
{
string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = new SqlDataAdapter(sql, ConnectionString);
DataSet ds = 새로운 DataSet();
sda.Fill(ds);
DS를 반환;
}
#끝지역
}
}3.源代码下载
4.数据库脚本
테이블 만들기 [dbo].[도시](
[id] [int] 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) ON [기본]
) [기본] 사용