如何在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

}

相关文章推荐

弹出下拉编辑控件,跟踪输入内容自动过滤查询,过滤条件完全自定义,支持TextBox,支持DataGridView(弹出查询对话框),支持DevExpress 8.2的TextEdit,Gridview

 控件功能强大,在逐字输入同时,根据自定义的查询条件弹出一个查询表格,显示符合的内容,同时可定为必选或可选,若定义必选,则必须查询结果唯一才能通过,同时可读取key值,基于DataGridView或G...

关于textbox或combobox限制输入内容

private void comboBox3_KeyPress( object sender, KeyPressEventArgs e ) { //e.KeyC...

黑马程序员—关于winform中如何令textbox随输入的文本内容的长度而实时改变宽度

------- Windows Phone 7手机开发、.Net培训、期待与您交流! -------                    为了提高用户体验,或者美化界面,为控件加入一些动态效果...
  • toochao
  • toochao
  • 2013年02月28日 14:11
  • 2399

(转)解决Asp.net中文本框控件(TextBox)readonly或disabled时内容无法POST到服

网页中有的时候想让用户无法在文本框控件(TextBox)里输入,常见的方法是把它的ReadOnly属性设为True,或者是将Enabled属性设为False。这两种方法的作用差不多。另外还可以用标签代...

判断TextBox输入的内容是否含有字母,若含有其他内容则抛出自定义异常

 判断TextBox输入的内容是否含有数字: 法一: //只能判断是否含有字母  foreach (char c in TextBox1.Text) {         if (cha...

comboBox 输入状态变成 readonly 方式;TextBox 只读时的效果

comboBox 输入状态变成 readonly 方式;TextBox 只读时的效果 (转载) 桌面应用程序中的 comboBox 下拉框,输入方式; 分为3种状态  Simple...

Silverlight/wpf DataGrid TextBox 等控件内容 Binding 中日期格式 StringFormat

One of the new features in 3.5 SP1 is stringformat. The usage is pretty simple. So following are sim...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何在TextBox输入时动态读取DataBase内容
举报原因:
原因补充:

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