功能：在textbox中输入内容，动态从数据库模糊查询显示到下拉框中，以供选择
1.建立一aspx页子，html代码
<HTML>
<หัว>
<title>WebForm1</title>
<SCRIPT language="javascript">
//城市----------------------------------
ฟังก์ชั่นเมืองผล()
-
var city=document.getElementById("TextBox1");
WebForm1.GetCityList(เมือง.ค่า,get_city_Result_CallBack);
-
ฟังก์ชั่น get_city_Result_CallBack (ตอบกลับ)
-
ถ้า (response.value != null)
-
//ดีบักเกอร์;
document.getElementById("DropDownList1").style.display="block";
document.getElementById("DropDownList1").length=0;
var ds = การตอบสนองค่า;
if(ds != null && typeof(ds) == "วัตถุ" && ds.Tables != null)
-
สำหรับ (var i=0; i<ds.Tables[0].Rows.length; i++)
-
ชื่อ var=ds.Tables[0].แถว[i].เมือง;
var id=ds.Tables[0].แถว[i].cityID;
document.getElementById("DropDownList1").options.add(ตัวเลือกใหม่(ชื่อ,id));
-
-
-
อื่น
-
document.getElementById("DropDownList1").style.display="none";
-
กลับ
-
ฟังก์ชัน getData()
-
var จังหวัด=document.getElementById("DropDownList1");
var pindex = จังหวัด.selectedIndex;
var pValue = Province.options[pindex].value;
var pText = จังหวัด.ตัวเลือก[pindex].ข้อความ;
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>
</แบบฟอร์ม>
</ร่างกาย>
</HTML>2.cs 代码
ใช้ระบบ;
ใช้ System.Collections;
โดยใช้ System.ComponentModel;
ใช้ System.Data;
โดยใช้ระบบการวาดภาพ;
ใช้ 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
-
ป้องกัน System.Web.UI.WebControls.TextBox TextBox1;
ป้องกัน System.Web.UI.WebControls.DropDownList DropDownList1;
โมฆะส่วนตัว Page_Load (ผู้ส่งวัตถุ System.EventArgs e)
-
Ajax.Utility.RegisterTypeForAjax (ประเภทของ (WebForm1));
ถ้า (!หน้า IsPostBack)
-
this.TextBox1.Attributes.Add("onchange", "cityResult();");
this.DropDownList1.Attributes.Add("onclick", "getData();");
-
}
Web Form Designer สร้างโค้ด#ภูมิภาค โค้ดที่สร้างโดย Web Form Designer
แทนที่การป้องกันโมฆะ OnInit (EventArgs e)
-
-
// CODEGEN: การเรียกนี้จำเป็นโดย ASP.NET Web Form Designer
-
เตรียมใช้งานส่วนประกอบ();
ฐาน OnInit(e);
-
/***////// <สรุป>
/// วิธีการที่จำเป็นสำหรับการสนับสนุน Designer - ห้ามแก้ไข
/// เนื้อหาของวิธีนี้ด้วยโปรแกรมแก้ไขโค้ด
/// </สรุป>
โมฆะส่วนตัว InitializeComponent()
-
this.Load += System.EventHandler ใหม่ (this.Page_Load);
-
#endregion
GetCityList#ภูมิภาค GetCityList
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
ชุดข้อมูลสาธารณะ GetCityList (int จังหวัด)
-
string sql = "เลือก * จากเมืองโดยที่พ่อชอบ '%" + จังหวัด + "%'";
กลับ GetDataSet(sql);
-
#ภูมิภาคสุดท้าย
GetDataSet#ภูมิภาค GetDataSet
ชุดข้อมูลคงที่สาธารณะ GetDataSet (สตริง sql)
-
สตริง ConnectionString = System.Configuration.ConfigurationSettings.AppSettings ["ConnectionString"];
SqlDataAdapter sda = SqlDataAdapter ใหม่ (sql, ConnectionString);
ชุดข้อมูล ds = ชุดข้อมูลใหม่ ();
sda.เติม(ds);
กลับds;
-
#ภูมิภาคสุดท้าย
}
}3.源代码下载
4.数据库脚本
สร้างตาราง [dbo].[เมือง](
[id] [int] ไม่เป็นโมฆะ
[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] คีย์หลักที่คลัสเตอร์
-
[รหัส] ASC
) ด้วย (IGNORE_DUP_KEY = ปิด) เปิด [หลัก]
) เปิด [หลัก]