如何在TextBox输入时动态读取DataBase内容

转载 2006年05月22日 11:01:00

须要用到ajax

html代码
<html>
<head runat="server">
    <title>Untitled Page</title>
    <SCRIPT language="javascript">           
            //城市------------------------------
            function cityResult()
            {
                var city=document.getElementById("TextBox1");
                Page_Wonderful_Ajax_AjaxGetData.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" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
        <asp:DropDownList ID="DropDownList1" runat="server" style="display:none">
        </asp:DropDownList></div>
    </form>
</body>
</html>

 

cs代码
public partial class Page_Wonderful_Ajax_AjaxGetData : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Ajax.Utility.RegisterTypeForAjax(typeof(Page_Wonderful_Ajax_AjaxGetData));
        if (!Page.IsPostBack)
        {
            this.TextBox1.Attributes.Add("onchange", "cityResult();");
            this.DropDownList1.Attributes.Add("onclick", "getData();");
        }
    }      

    #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

    #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

}

在输入框输入数据时,自动提示与输入相关的数据

以下是在输入框输入数据时,自动提示与输入相关的数据,数据从数据库中查询的: 【HTML部分】 退货配送人: 请在此输入退货...
  • u011019141
  • u011019141
  • 2016年01月29日 18:00
  • 1117

输入框中输入汉字时自动联想相似数据方法使用小结

今天在项目中用到单位输入时,和后台数据库中的若有相关的就以联想形式提示出来, 所要联想的是与这个项目相关的另一个项目中的数据,这种情况下就是需要建立接口供其他项目来调用了。 我实现这个功能的步骤是...
  • u011217504
  • u011217504
  • 2013年12月27日 15:54
  • 810

使用ajax访问后台数据库,仿照百度联想词输入。

  • 2017年08月16日 14:49
  • 7KB
  • 下载

vb 操作textBox内的内容

、、、、、、、、、、、、、、、
  • boys1999
  • boys1999
  • 2014年04月16日 12:09
  • 438

实现简单动态自动匹配输入的内容

用这两个控件 分别实现这两个: package com.example.autocomplete; import android.app.Ac...
  • u013445530
  • u013445530
  • 2016年01月21日 11:18
  • 648

如何在输入时弹出建议项

我们可以通过AutoCompleteTextView来让用户在输入时弹出建议项。 import android.app.Activity; import android.os.Bundle; i...
  • hudashi
  • hudashi
  • 2011年10月22日 13:19
  • 1143

WPF Trigger触发器

WPF提供了很重要的一个东西就是绑定Binding, 它帮助我们做了很多事情,这个我们在WPF学习之绑定这篇里边有讲过。对于Binding我们可以设置其绑定对象,关系,并通过某种规则去验证输入,或者转...
  • lwwl12
  • lwwl12
  • 2017年12月28日 17:39
  • 84

实现textbox输入时模糊查询

JS实现textbox输入时模糊查询
  • CJamie
  • CJamie
  • 2010年08月10日 09:13
  • 942

ASP.NET TextBox输入时触发OnTextChanged事件

关于“ASP.NET TextBox输入触发事件"的实现,解决方法五花八门,但最简单的就是以下这种方法 onkeyup='__doPostBack("ctl00$cph$TxtConpanyName"...
  • qq285679784
  • qq285679784
  • 2017年04月17日 14:54
  • 2807

将Console输出转向到TextBox

 1. 将Console输出绑定到TextWriter 需要用到Console的关键属性SetOut。SetOut要求参数TextWriter,所以Write的信息都会被写入此TextWriter中。...
  • xupc
  • xupc
  • 2004年12月16日 20:55
  • 2135
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何在TextBox输入时动态读取DataBase内容
举报原因:
原因补充:

(最多只允许输入30个字)