JQuery实现文本框自动补全(修改版)

最新推荐文章于 2016-01-18 17:16:06 发布

加油馒头

最新推荐文章于 2016-01-18 17:16:06 发布

阅读量4.5k

点赞数

分类专栏： .NET 文章标签： jquery function string class border xhtml

本文链接：https://blog.csdn.net/jaylongli/article/details/4934070

版权

.NET 专栏收录该内容

67 篇文章 0 订阅

订阅专栏

HTML代码：
<!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 runat="server">
    <title>无标题页</title>

    <script src="js/advance/jquery.js" type="text/javascript"></script>
    <script src="js/advance/test.js" type="text/javascript"></script>
<style>
    body
{
font-family:Arial;
font-size:14px;
padding:0px;
margin:10px;
}
.txt1
{
    /* 用户输入框的样式 */
    width:200px;
}
#popup
{
    /* 提示框div块的样式 */
    position:absolute;
    left:80px;
    top:32px;
    width:204px;
    /*border:solid 1px black;*/
    color:#004a7e;
}

#popup.show1{
    /* 显示提示框的边框 */
    border:1px solid #004a7e;
}

ul{
    list-style:none;
    margin:0px; padding:0px;
    color:#004a7e;
}

li.mouseOver{
    background-color:#004a7e;
    color:#FFFFFF;

}

</style>
    </head>
<body>
    <form id="form1" runat="server">


     <div id="con">
        自动补全：<input id="txt1" type="text"   class ="txt1" οnkeyup="findcon();"/>
    </div>
     <div id="popup">
        <ul id="con_ul" class="show1"></ul>
     </div>



         <div>

    </div>
    </form>
</body>
</html>

Javascript代码

test.ashx一般处理程序文件

C#代码

<%@ WebHandler Language="C#" Class="test" %> using System; using System.Web; using System.Data; public class test : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; string str=context.Request.QueryString["parms"]; if (str.Length == 0) { return; } string result = ""; string[] name = new string[] { "a","b","c","d","e","f","g","a2","b2","c2","d2","e2","f2","g2","a3","b3","c3","d3","e3","f3","g3","a4","b4","c4","d4","e24","f4","g4" }; for (int i = 0; i < name.Length; i++) { if (name[i].IndexOf(str) == 0) result += name[i] + ","; } if (result.Length > 0) //如果有匹配项 result = result.Substring(0, result.Length - 1); //去掉最后的“,”号 context.Response.Write(result); } public bool IsReusable { get { return false; } } }