jquery autocomplete实现读取sql数据库自动补全TextBox

转自我本良人 原文 jquery autocomplete实现读取sql数据库自动补全TextBox

项目需要这样子一个功能,其他部门提的意见,只好去实现了哦,搞了好久才弄出来,分享一下。

1.前台页面

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>  
      
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
      
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head id="Head1" runat="server">  
        <title></title>  
        <script src="jquery-1.4.1-vsdoc.js" type="text/javascript"></script>  
        <script src="jquery.autocomplete.js" type="text/javascript"></script>  
        <link href="jquery.autocomplete.css" type="text/css" rel="stylesheet" />  
        <script language="javascript" type="text/javascript">  
            $(document).ready((function ()  
            {  
                $("#txtUser").autocomplete("GetCode.aspx");  
            }  
    ));  
        </script>  
    </head>  
    <body>  
        <form id="form1" runat="server">  
            <div>  
                用户名:  
                <asp:TextBox ID="txtUser" runat="server"></asp:TextBox>  
            </div>  
        </form>  
    </body>  
    </html>  

2.GetCode.aspx

前台为空

后台代码:

    using System;  
    using System.Collections.Generic;  
    using System.Linq;  
    using System.Web;  
    using System.Web.UI;  
    using System.Web.UI.WebControls;  
    using System.Data;  
    using System.Data.SqlClient;  
      
    public partial class GetCode : System.Web.UI.Page  
    {  
        protected void Page_Load(object sender, EventArgs e)  
        {  
            if (Request.QueryString["q"] != null)  
            {  
                string key = Request.Params["q"].ToString();  
                string result = "";  
                SqlHelp sql = new SqlHelp();  
                string str = "select top 15 CustomCode from tCustomList where CustomCode like '" + key + "%'";  
                SqlDataReader dr = sql.ExecuteReader(str);  
                while (dr.Read())  
                {  
                    result += dr["CustomCode"].ToString() + "\n";  
                }  
                dr.Dispose();  
                sql.SqlClose();  
                if (result == "")  
                    result = "not exists";  
                Response.Write(result);  
            }   
        }  
    }  

 

3. jquery.autocomplete.js

Download from jquery.autocomplete.js.rar

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值