|
 |
栏目导栏 |
|
| |
|
|
|
|
|
资料搜索 |
|
| |
|
|
|
|
|
热门文章 |
|
| |
|
|
|
|
|
最新文章 |
|
| |
|
|
|
| |
| |
|
|
|
| |
| Ajax实现在textbox中模糊查询显示到下拉框中 |
|
功能：在textbox中输入内容，动态从数据库模糊查询显示到下拉框中，以供选择 YVkLinux联盟
YVkLinux联盟
1.建立一aspx页面，html代码 YVkLinux联盟
YVkLinux联盟
<HTML> YVkLinux联盟
<HEAD> YVkLinux联盟
<title>WebForm1</title> YVkLinux联盟
<SCRIPT language="javascript"> YVkLinux联盟
//城市------------------------------ YVkLinux联盟
function cityResult() YVkLinux联盟
{ YVkLinux联盟
var city=document.getElementById("TextBox1"); YVkLinux联盟
WebForm1.GetCityList(city.value,get_city_Result_CallBack); YVkLinux联盟
} YVkLinux联盟
YVkLinux联盟
function get_city_Result_CallBack(response) YVkLinux联盟
{ YVkLinux联盟
if (response.value != null) YVkLinux联盟
{ YVkLinux联盟
//debugger; YVkLinux联盟
document.getElementById("DropDownList1").style.display="block"; YVkLinux联盟
document.getElementById("DropDownList1").length=0; YVkLinux联盟
var ds = response.value; YVkLinux联盟
if(ds != null && typeof(ds) == "object" && ds.Tables != null) YVkLinux联盟
{ YVkLinux联盟
for(var i=0; i<ds.Tables[0].Rows.length; i++) YVkLinux联盟
{ YVkLinux联盟
var name=ds.Tables[0].Rows[i].city; YVkLinux联盟
var id=ds.Tables[0].Rows[i].cityID; YVkLinux联盟
document.getElementById("DropDownList1").options.add(new Option(name,id)); YVkLinux联盟
} YVkLinux联盟
} YVkLinux联盟
} YVkLinux联盟
else YVkLinux联盟
{ YVkLinux联盟
document.getElementById("DropDownList1").style.display="none"; YVkLinux联盟
} YVkLinux联盟
return YVkLinux联盟
} YVkLinux联盟
YVkLinux联盟
function getData() YVkLinux联盟
{ YVkLinux联盟
var province=document.getElementById("DropDownList1"); YVkLinux联盟
var pindex = province.selectedIndex; YVkLinux联盟
var pValue = province.options[pindex].value; YVkLinux联盟
var pText = province.options[pindex].text; YVkLinux联盟
YVkLinux联盟
document.getElementById("<%=TextBox1.ClientID%>").innerText=pText; YVkLinux联盟
} YVkLinux联盟
</SCRIPT> YVkLinux联盟
</HEAD> YVkLinux联盟
<body> YVkLinux联盟
<form id="Form1" method="post" runat="server"> YVkLinux联盟
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> YVkLinux联盟
<br> YVkLinux联盟
<asp:DropDownList ID="DropDownList1" runat="server" Width="192px" style="display:none"></asp:DropDownList> YVkLinux联盟
</form> YVkLinux联盟
</body> YVkLinux联盟
</HTML>2.cs代码 YVkLinux联盟
using System; YVkLinux联盟
using System.Collections; YVkLinux联盟
using System.ComponentModel; YVkLinux联盟
using System.Data; YVkLinux联盟
using System.Drawing; YVkLinux联盟
using System.Web; YVkLinux联盟
using System.Web.SessionState; YVkLinux联盟
using System.Web.UI; YVkLinux联盟
using System.Web.UI.WebControls; YVkLinux联盟
using System.Web.UI.HtmlControls; YVkLinux联盟
using System.Data.SqlClient; YVkLinux联盟
namespace ajaxselect YVkLinux联盟
{ YVkLinux联盟
/**//// <summary> YVkLinux联盟
/// Summary description for WebForm1. YVkLinux联盟
/// </summary> YVkLinux联盟
public class WebForm1 : System.Web.UI.Page YVkLinux联盟
{ YVkLinux联盟
protected System.Web.UI.WebControls.TextBox TextBox1; YVkLinux联盟
protected System.Web.UI.WebControls.DropDownList DropDownList1; YVkLinux联盟
YVkLinux联盟
private void Page_Load(object sender, System.EventArgs e) YVkLinux联盟
{ YVkLinux联盟
Ajax.Utility.RegisterTypeForAjax(typeof(WebForm1)); YVkLinux联盟
if (!Page.IsPostBack) YVkLinux联盟
{ YVkLinux联盟
this.TextBox1.Attributes.Add("onchange", "cityResult();"); YVkLinux联盟
this.DropDownList1.Attributes.Add("onclick", "getData();"); YVkLinux联盟
} YVkLinux联盟
} YVkLinux联盟
YVkLinux联盟
Web Form Designer generated code#region Web Form Designer generated code YVkLinux联盟
override protected void OnInit(EventArgs e) YVkLinux联盟
{ YVkLinux联盟
// YVkLinux联盟
// CODEGEN: This call is required by the ASP.NET Web Form Designer. YVkLinux联盟
// YVkLinux联盟
InitializeComponent(); YVkLinux联盟
base.OnInit(e); YVkLinux联盟
} YVkLinux联盟
YVkLinux联盟
/**//// <summary> YVkLinux联盟
/// Required method for Designer support - do not modify YVkLinux联盟
/// the contents of this method with the code editor. YVkLinux联盟
/// </summary> YVkLinux联盟
private void InitializeComponent() YVkLinux联盟
{ YVkLinux联盟
this.Load += new System.EventHandler(this.Page_Load); YVkLinux联盟
YVkLinux联盟
} YVkLinux联盟
#endregion YVkLinux联盟
YVkLinux联盟
GetCityList#region GetCityList YVkLinux联盟
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)] YVkLinux联盟
public DataSet GetCityList(int provinceid) YVkLinux联盟
{ YVkLinux联盟
string sql = "select * from city where father like '%" + provinceid + "%'"; YVkLinux联盟
return GetDataSet(sql); YVkLinux联盟
} YVkLinux联盟
#endregion YVkLinux联盟
GetDataSet#region GetDataSet YVkLinux联盟
public static DataSet GetDataSet(string sql) YVkLinux联盟
{ YVkLinux联盟
string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"]; YVkLinux联盟
SqlDataAdapter sda = new SqlDataAdapter(sql, ConnectionString); YVkLinux联盟
DataSet ds = new DataSet(); YVkLinux联盟
sda.Fill(ds); YVkLinux联盟
return ds; YVkLinux联盟
} YVkLinux联盟
#endregion YVkLinux联盟
YVkLinux联盟
} YVkLinux联盟
}3.源代码下载 YVkLinux联盟
4.数据库脚本 YVkLinux联盟
CREATE TABLE [dbo].[city]( YVkLinux联盟
[id] [int] NOT NULL, YVkLinux联盟
[cityID] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL, YVkLinux联盟
[city] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL, YVkLinux联盟
[father] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL, YVkLinux联盟
CONSTRAINT [PK_city] PRIMARY KEY CLUSTERED YVkLinux联盟
( YVkLinux联盟
[id] ASC YVkLinux联盟
)WITH (IGNORE_DUP_KEY = OFF) ON [PRIMARY] YVkLinux联盟
) ON [PRIMARY] YVkLinux联盟
Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论 |
|
|
|
|
|
