jquery实现自动提示

 

在index.aspx<head></head>中加入如下代码,这3个文件可以在网上直接收索名字下载 

[javascript]  view plain copy
  1. <mce:script type="text/javascript" src="jquery-1.2.6.pack.js" mce_src="jquery-1.2.6.pack.js"></mce:script>      
  2.     <mce:script type="text/javascript" src="jquery.autocomplete.js" mce_src="jquery.autocomplete.js"></mce:script>   
  3.     <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" mce_href="jquery.autocomplete.css" />  
  4. <mce:script type="text/javascript"><!--  
  5.     $(document).ready(function() {     
  6.         $("#DrugNames").autocomplete("./Search/autocompletetagdata.aspx",         
  7.         {             
  8.             delay:5,             
  9.             minChars:1,             
  10.             matchSubset:1,             
  11.             matchContains:1,             
  12.             cacheLength:10,             
  13.             //onItemSelect:selectItem,             
  14.             //onFindValue:findValue,             
  15.             //formatItem:formatItem,             
  16.             autoFill:true          
  17.         }     
  18.         );  
  19. });  
  20. // --></mce:script>  

  <body>中加入一个input

[c-sharp]  view plain copy
  1. <input type="text" id="DrugNames" name="DrugNames" style="width: 200px;" />  

autocompletetagdata.aspx代码如下,前台代码只保留头部

 

[css]  view plain copy
  1. <@ Page Language="C#" AutoEventWireup="true" CodeFile="autocompletetagdata.aspx.cs" Inherits="Search_autocompletetagdata" %>  

后台.cs文件在Page_Init()事件添加代码,test表有CId,Cname字段:


[c-sharp]  view plain copy
  1. protected void Page_Init(object sender, EventArgs e)   
  2.     {   
  3.         if (Request.QueryString["q"] != null)   
  4.         {   
  5.             string sQry = "Select [CId], [CName] from test where " + "[CName] like '" + Request.QueryString["q"] + "%'";   
  6.             SqlConnection conn = new SqlConnection();  
  7.             conn.ConnectionString = "Data Source=TMHRI-1RMAQM9LC//SQLEXPRESS;Initial Catalog=SPD;User ID=SpdUser;Password=123456";  
  8.             conn.Open();  
  9.             SqlCommand sc = new SqlCommand(sQry,conn);  
  10.             SqlDataReader oRdr = sc.ExecuteReader();  
  11.             while (oRdr.Read())   
  12.             {  
  13.                 Response.Write(oRdr["CName"].ToString() + "|" + oRdr["CId"].ToString() + Environment.NewLine);   
  14.             }   
  15.             oRdr.Dispose();   
  16.             sc.Dispose();  
  17.             conn.Dispose();  
  18.   
  19.         }   
  20.         Response.End();   
  21. }  


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值