功能：在textbox中输入内容，动态从数据库模糊查询显示到下拉框中，以供选择
1.建立一aspx页面，html代码
<HTML>
<KEPALA>
<title>Formulir Web1</title>
<SCRIPT bahasa="javascript">
//城市------------------------------
fungsi kotaHasil()
{
var city=document.getElementById("KotakTeks1");
WebForm1.GetCityList(city.value,get_city_Result_CallBack);
}
fungsi get_city_Result_CallBack(respon)
{
jika (respons.nilai != null)
{
//debug;
document.getElementById("DropDownList1").style.display="block";
document.getElementById("DropDownList1").length=0;
var ds = respon.nilai;
if(ds != null && typeof(ds) == "objek" && ds.Tabel != null)
{
for(var i=0; i<ds.Tables[0].Baris.panjang; i++)
{
var nama=ds.Tabel[0].Baris[i].kota;
var id=ds.Tabel[0].Baris[i].cityID;
document.getElementById("DropDownList1").options.add(Opsi baru(nama,id));
}
}
}
kalau tidak
{
document.getElementById("DropDownList1").style.display="tidak ada";
}
kembali
}
fungsi dapatkanData()
{
var provinsi=document.getElementById("DropDownList1");
var pindex = provinsi.selectedIndex;
var pValue = provinsi.options[pindex].value;
var pText = provinsi.pilihan[pindex].teks;
document.getElementById("<%=TextBox1.ClientID%>").innerText=pText;
}
</SKRIP>
</KEPALA>
<tubuh>
<form id="Form1" metode="posting" runat="server">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br>
<asp:DropDownList ID="DropDownList1" runat="server" Lebar="192px" style="display:none"></asp:DropDownList>
</bentuk>
</tubuh>
</HTML>2.cs代码
menggunakan Sistem;
menggunakan Sistem.Koleksi;
menggunakan Sistem.ComponentModel;
menggunakan Sistem.Data;
menggunakan Sistem.Gambar;
menggunakan Sistem.Web;
menggunakan Sistem.Web.SessionState;
menggunakan Sistem.Web.UI;
menggunakan Sistem.Web.UI.WebControls;
menggunakan Sistem.Web.UI.HtmlControls;
menggunakan Sistem.Data.SqlClient;
namespace ajaxpilih
{
/**//// <ringkasan>
/// Deskripsi ringkasan untuk WebForm1.
/// </ringkasan>
WebForm1 kelas publik : Sistem.Web.UI.Halaman
{
dilindungi Sistem.Web.UI.WebControls.TextBox TextBox1;
dilindungi Sistem.Web.UI.WebControls.DropDownList DropDownList1;
private void Page_Load(pengirim objek, System.EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(WebForm1));
jika (!Halaman.IsPostBack)
{
this.TextBox1.Attributes.Add("onchange", "cityResult();");
this.DropDownList1.Attributes.Add("onclick", "getData();");
}
}
Kode yang dibuat oleh Perancang Formulir Web#region Kode yang dibuat oleh Perancang Formulir Web
ganti void OnInit yang dilindungi (EventArgs e)
{
//
// CODEGEN: Panggilan ini diperlukan oleh Perancang Formulir Web ASP.NET.
//
Inisialisasi Komponen();
base.OnInit(e);
}
/**//// <ringkasan>
/// Metode yang diperlukan untuk dukungan Desainer - jangan diubah
/// isi metode ini dengan editor kode.
/// </ringkasan>
kekosongan pribadi InitializeComponent()
{
this.Load += Sistem baru.EventHandler(ini.Page_Load);
}
#endregion
GetCityList#region GetCityList
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Baca)]
Kumpulan Data publik GetCityList(int provinsiid)
{
string sql = "pilih * dari kota yang bapak suka '%" + provinsiid + "%'";
kembalikan GetDataSet(sql);
}
#wilayah akhir
DapatkanDataSet#wilayah GetDataSet
DataSet statis publik GetDataSet (string sql)
{
string ConnectionString = Sistem.Konfigurasi.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = baru SqlDataAdapter(sql, ConnectionString);
Kumpulan Data ds = Kumpulan Data baru();
sda.Isi(ds);
kembali ds;
}
#wilayah akhir
}
}3.源代码下载
4.数据库脚本
BUAT TABEL [dbo].[kota](
[id] [int] BUKAN BATAL,
[cityID] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
[kota] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL,
[ayah] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
CONSTRAINT [PK_city] PRIMARY KEY TERKELOMPOK
(
[id] ASC
)DENGAN (IGNORE_DUP_KEY = OFF) PADA [UTAMA]
) PADA [UTAMA]