//城市------------------------------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條評論
主站蜘蛛池模板: 97国产成人精品视频 | 99热久久这里只有精品9 | 久久天堂夜夜一本婷婷麻豆 | 一级毛片高清大全免费观看 | 久草精品在线播放 | 国产成人影院一区二区 | 四虎国产精品成人永久免费影视 | 国产一区二区三区在线视频 | 99热免费在线| 久久久久久久久性潮 | 中文字幕在线视频免费观看 | 亚洲视频免费一区 | 91精品综合久久久久3d动漫 | 在线看一区二区 | 日韩欧美亚洲一区 | 国产欧美在线视频免费 | 夜夜爽毛片 | 久久99九九99九九99精品 | 欧美另类久久久精品 | 亚洲图片欧美视频 | 手机看一级片 | 免费深夜福利 | 四虎永久在线精品国产馆v视影院 | 玖玖视频精品 | 色综合激情网 | 中文字幕亚洲一区婷婷 | 欧美最猛的24k毛片视频 | 女人一级一级毛片 | 台湾佬中文娱乐2222vvv | 亚洲精品中文字幕乱码三区一二 | 国产精品网站在线观看 | 国产福利在线观看视频 | 国产精品揄拍一区二区久久 | 欧美激情欧美狂野欧美精品免费 | 亚洲好色网 | 性视频一级 | 天天干夜夜 | 国产欧美亚洲精品第一区 | 四虎e456tcom| 97精品国产综合久久久久久欧美 | 97在线观看视频免费 |