//城市------------------------------functioncityResult(){varcity=document.getElementById("TextBox1");WebForm1.G" />

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Ajax實現(xiàn)在textbox中輸入內(nèi)容,動態(tài)從數(shù)據(jù)庫中

系統(tǒng) 1896 0

功能:在textbox中輸入內(nèi)容,動態(tài)從數(shù)據(jù)庫模糊查詢顯示到下拉框中,以供選擇

1.建立一aspx頁面,html代碼

< HTML >
< HEAD >
< title > WebForm1 </ title >
< SCRIPT language ="javascript" >
// 城市------------------------------
function cityResult()
{
var city = document.getElementById( " TextBox1 " );
WebForm1.GetCityList(city.value,get_city_Result_CallBack);
}


function get_city_Result_CallBack(response)
{
if (response.value != null )
{
// debugger;
document.getElementById( " DropDownList1 " ).style.display = " block " ;
document.getElementById(
" DropDownList1 " ).length = 0 ;    
var ds = response.value;
if (ds != null && typeof (ds) == " object " && 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));
    }

}

}

else
{
document.getElementById(
" DropDownList1 " ).style.display = " none " ;
}

return
}


function getData()
{
var province = document.getElementById( " DropDownList1 " );
var pindex = province.selectedIndex;
var pValue = province.options[pindex].value;
var pText = province.options[pindex].text;

document.getElementById(
" <%=TextBox1.ClientID%> " ).innerText = pText;
}

</ SCRIPT >
</ HEAD >
< body >
< 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代碼
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace ajaxselect
{
/**/ /// <summary>
/// SummarydescriptionforWebForm1.
/// </summary>

public class WebForm1:System.Web.UI.Page
{
protected System.Web.UI.WebControls.TextBoxTextBox1;
protected System.Web.UI.WebControls.DropDownListDropDownList1;

private void Page_Load( object sender,System.EventArgse)
{
Ajax.Utility.RegisterTypeForAjax(
typeof (WebForm1));
if ( ! Page.IsPostBack)
{
this .TextBox1.Attributes.Add( " onchange " , " cityResult(); " );
this .DropDownList1.Attributes.Add( " onclick " , " getData(); " );
}

}


WebFormDesignergeneratedcode #region WebFormDesignergeneratedcode
override protected void OnInit(EventArgse)
{
//
// CODEGEN:ThiscallisrequiredbytheASP.NETWebFormDesigner.
//
InitializeComponent();
base .OnInit(e);
}


/**/ /// <summary>
/// RequiredmethodforDesignersupport-donotmodify
/// thecontentsofthismethodwiththecodeeditor.
/// </summary>

private void InitializeComponent()
{
this .Load += new System.EventHandler( this .Page_Load);

}

#endregion


GetCityList #region GetCityList
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
public DataSetGetCityList( int provinceid)
{
string sql = " select*fromcitywherefatherlike'% " + provinceid + " %' " ;
return GetDataSet(sql);
}

#endregion

GetDataSet #region GetDataSet
public static DataSetGetDataSet( string sql)
{
string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings[ " ConnectionString " ];
SqlDataAdaptersda
= new SqlDataAdapter(sql,ConnectionString);
DataSetds
= new DataSet();
sda.Fill(ds);
return ds;
}

#endregion


}

}
3. 源代碼下載
4.數(shù)據(jù)庫腳本
CREATE TABLE [ dbo ] . [ city ] (
[ id ] [ int ] NOT NULL ,
[ cityID ] [ nvarchar ] ( 6 )COLLATEChinese_PRC_CI_AS NULL ,
[ city ] [ nvarchar ] ( 50 )COLLATEChinese_PRC_CI_AS NULL ,
[ father ] [ nvarchar ] ( 6 )COLLATEChinese_PRC_CI_AS NULL ,
CONSTRAINT [ PK_city ] PRIMARY KEY CLUSTERED
(
[ id ] ASC
)
WITH (IGNORE_DUP_KEY = OFF ) ON [ PRIMARY ]
)
ON [ PRIMARY ]


Ajax實現(xiàn)在textbox中輸入內(nèi)容,動態(tài)從數(shù)據(jù)庫中模糊查詢顯示到下拉框中


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 欧美 日产 国产精品 | 国产青草亚洲香蕉精品久久 | 天天操夜 | 欧美区日韩区 | 成人性生交大片免费看午夜a | www色网站 | 日本在线观看www鲁啊鲁视频 | 99热亚洲| 久草视频中文 | 网色视频 | 国产好大好爽久久久久久久 | 97色伦图片97色伦图影院久久 | 第四色奇米影视 | 成人看片黄a免费看视频 | 国产只有精品 | 国产全黄a一级毛片视频 | 亚洲一区中文字幕 | 亚洲综合一区二区三区 | 一区二区三区在线视频观看 | 91国视频| 国国产自国偷自产第38页 | 蜜桃破解版免费看nba | 国产精品久久九九 | 午夜在线精品不卡国产 | 伊人久久成人爱综合网 | 欧美激情影院 | 四虎影音先锋 | 亚洲一区二区中文 | 一级无遮挡理论片 | 国产精品第页 | 精品久久中文字幕有码 | 97伦理| 国内精品美女久久久久 | 国产香蕉精品视频 | 视频在线亚洲 | 亚洲一区二区三区精品影院 | 亚洲精品综合一区二区三区 | 一道本免费视频 | 黄色网欧美 | 午夜一级毛片看看 | 日日欧美 |