//城市------------------------------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條評論
主站蜘蛛池模板: www.欧美.com| 我色综合 | 一级午夜| 国产亚洲欧美精品久久久 | 99久久综合| 久久午夜宅男免费网站 | 欧美成人禁片在线观看网址 | 亚拍精品一区二区三区 | 欧美精品一区二区三区久久 | 久久国产精品国语对白 | 国产成人精品一区二三区在线观看 | 国产精品资源在线 | 日日摸夜夜 | 一级特级aaaa毛片免费观看 | 九九九| 色偷偷91久久综合噜噜噜噜 | 国产91在线chines看 | 精品亚洲一区二区三区 | 国产欧美日韩网站 | 波多野结衣久久精品 | 99久久精品国产免看国产一区 | julia紧身裙中文字幕在线看 | 中文字幕精品视频在线观 | 日本视频三区 | 夜夜狠操 | 综合网在线观看 | 日韩欧一级毛片在线播无遮挡 | jizzjizz中国护士第一次 | 免费国产成人午夜在线观看 | 国产日韩欧美综合一区二区三区 | 欧美一区欧美二区 | 久久九九免费视频 | 最新国产精品精品视频 | 免费观看日本污污ww网站一区 | 亚洲精品不卡久久久久久 | 四虎永久地址入口 | 99国产精品热久久久久久夜夜嗨 | 99热婷婷| 久久久高清国产999尤物 | 五月天在线婷婷 | 伊人久久综合网站 |