<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        
			
			


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

    

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

    1.建立一aspx頁(yè)面，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>
        /// Summary description for WebForm1.
        /// </summary>
        public class WebForm1 : System.Web.UI.Page
        {
            protected System.Web.UI.WebControls.TextBox TextBox1;
            protected System.Web.UI.WebControls.DropDownList DropDownList1;
        
            private void Page_Load(object sender, System.EventArgs e)
            {
                Ajax.Utility.RegisterTypeForAjax(typeof(WebForm1));
                if (!Page.IsPostBack)
                {
                    this.TextBox1.Attributes.Add("onchange", "cityResult();");
                    this.DropDownList1.Attributes.Add("onclick", "getData();");
                }
            }

            Web Form Designer generated code#region Web Form Designer generated code
            override protected void OnInit(EventArgs e)
            {
                //
                // CODEGEN: This call is required by the ASP.NET Web Form Designer.
                //
                InitializeComponent();
                base.OnInit(e);
            }
            
            /**//// <summary>
            /// Required method for Designer support - do not modify
            /// the contents of this method with the code editor.
            /// </summary>
            private void InitializeComponent()
            {    
                this.Load += new System.EventHandler(this.Page_Load);

            }
            #endregion

            GetCityList#region GetCityList
            [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
            public DataSet GetCityList(int provinceid)
            {
                string sql = "select * from city where father like '%" + provinceid + "%'";
                return GetDataSet(sql);
            }
            #endregion
            GetDataSet#region GetDataSet
            public static DataSet GetDataSet(string sql)
            {
                string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
                SqlDataAdapter sda = new SqlDataAdapter(sql, ConnectionString);
                DataSet ds = new DataSet();
                sda.Fill(ds);
                return ds;
            }
            #endregion

        }
    }
    
3.源代碼下載 http://singlepine.cnblogs.com/Files/singlepine/ajaxselect.rar
  
    4.數(shù)據(jù)庫(kù)腳本
    

    CREATE TABLE [dbo].[city](
        [id] [int] NOT NULL,
        [cityID] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
        [city] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL,
        [father] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
     CONSTRAINT [PK_city] PRIMARY KEY CLUSTERED 
    (
        [id] ASC
    )WITH (IGNORE_DUP_KEY = OFF) ON [PRIMARY]
    ) ON [PRIMARY]
    

    
		
    
			posted on 2007-06-20 13:25 chenguo 閱讀(470) 評(píng)論(0)  編輯  收藏  所屬分類: AJAX Dev 
		
    
	
    
	
	


	


    
	    
    




    








    

				
				

			
    
			
    
				
					
    
	
    
		
    <2025年5月>
    
	
    日一二三四五六
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567
    

    

					

    導(dǎo)航
    

					

    統(tǒng)計(jì)
    
	
					
					

    留言簿
    


		
    隨筆分類(1)
    
		
				
			
	
		
    文章分類(52)
    
		
				
			
	
		
    好友 小山的博客
    
		
				
			
	


    最新隨筆
    



    最新評(píng)論
	
    

    
	
			
		

    

				
			
    
			
			
			
			
			 

	

    







    
        
	



主站蜘蛛池模板：
免费的一级黄色片|
亚洲日韩一中文字暮|
四只虎免费永久观看|
久久精品国产免费观看三人同眠|
一本岛v免费不卡一二三区|
亚洲成A人片在线播放器|
亚洲专区先锋影音|
国产亚洲成av片在线观看|
四虎免费永久在线播放|
在线视频观看免费视频18|
免费人成视频在线观看网站|
精品熟女少妇aⅴ免费久久|
国产成人亚洲精品蜜芽影院|
中文字幕 亚洲 有码 在线|
久久亚洲精品无码aⅴ大香|
亚洲国产精品无码久久久蜜芽|
亚洲av麻豆aⅴ无码电影|
日日操夜夜操免费视频|
无码中文在线二区免费|
亚欧在线精品免费观看一区|
在线成人精品国产区免费|
国产精品高清免费网站|
污污污视频在线免费观看|
免费人成视频在线播放|
美女被免费网站视频在线|
亚洲GV天堂无码男同在线观看|
亚洲综合欧美色五月俺也去|
亚洲一区二区三区深夜天堂
|
久久精品亚洲日本波多野结衣|
亚洲人成7777|
亚洲五月丁香综合视频|
亚洲中文字幕久在线|
亚洲午夜成激人情在线影院|
亚洲天堂电影在线观看|
亚洲激情校园春色|
亚洲一级视频在线观看|
亚洲AV无码无限在线观看不卡|
77777午夜亚洲|
国产亚洲av片在线观看18女人|
亚洲另类少妇17p|
91免费精品国自产拍在线不卡|