//城市------------------------------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條評論
主站蜘蛛池模板: 99亚洲精品| 色综合视频一区二区三区 | 伊人五月天综合 | 成人毛片免费视频 | 成人短视频在线观看 | 国产不卡精品一区二区三区 | 国产在线观看一区二区三区 | 国产一级毛片一区二区三区 | 精品成人免费播放国产片 | 欧美国产一区二区二区 | 国产成人区 | 久久精品小视频 | 午夜一级毛片看看 | 欧美日韩中文国产一区二区三区 | 国产成人亚洲综合在线 | 色老头老太做爰视频在线观看 | 国产欧美自拍 | 99久久免费费视频在线观看 | 成人免费看毛片 | 香港a毛片免费全部播放 | 亚洲欧洲国产成人综合一本 | 91精品91久久久久久 | 免费的拍拍视频在线观看 | 天天干干| 9l国产精品久久久久麻豆 | 99久久99热久久精品免 | 亚州视频一区 | 免费看色片网站 | 久久网站在线观看 | 精品久久国产老人久久综合 | 国产精品国产三级国产an | 亚洲精品国产福利一区二区三区 | 日本人hdxxxxvideo | 日日日影院 | 国产精品合集一区二区 | 久久精品国产清自在天天线 | 四虎海外在线永久免费看 | 99热久久久这里只有精品免费 | 精品91自产拍在线观看99re | 一级片成人 | 亚洲酷色综合 |