jquery防百度搜索框模糊匹配

原创 2016年08月29日 21:29:17
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>学生信息管理</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
     <script type="text/javascript"  src="http://code.jquery.com/jquery-1.8.3.js"></script>
     <script type="text/javascript"  src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
     <script type="text/javascript" >
     $(function() {
 //获取ajxa异步数据(可以根据实际情况,从后台取数据)
                var a= [  "java", "javaScript","aa", "bb", "cac","dd","e"];
                 var b=["我们", "你们", "他们","订单","啊"];
 
//自动填充1
               $( "#inp1" ).autocomplete({
                source: a
              });
 //自动填充2
             $("#inp2").autocomplete({
                 source: b
             });
     });
 </script>
</head>
<body>
 <div class="ui-widget"> 
 input1:<input id="inp1" />
 input2:<input id="inp2" />
 </div>
</body>

</html>


效果图:

相关文章推荐

可模糊查询输入框(仿百度搜索栏)

可模糊查询输入框(仿百度搜索),非插件、框架封装流。手写

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

用jq实现仿百度搜索框

百度搜索框看似简单,但是涉及到了数据交互,如果能用vue来实现的话会简单很多,现在用jq模仿了一下,写的代码不是一般的多啊! 当然头部要引入jq了html部分 ...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

JQuery+ajax实现类似百度搜索自动匹配功能

引言    我们接触最多的、用的最多的搜索引擎就是百度了,可以说现在我们的生活如果离开像百度、谷歌这样的搜索引擎还是我们的生活没有了方向,我们在使用的时候都有一个体验就是我我们在输入关键紫的时候,他会...

JAVA___jQuery+AJAX_仿百度搜索功能

JAVA_JQuery+AJAX实现仿百度搜索功能     先给大家看看效果...           具体实现步骤..... 第一步: edit.jsp页面 tr>    ...

实现类似百度搜索框中模糊提示功能

通常,在我们使用百度的时候,在输入框中输入某一个字段的时候,就可以查询到相关的信息。类似的功能可以通过JS的框架来实现(显然不会像百度那么强大)。jquery提供了一种扩展插件。可以实现获取文本框内容...

搜索栏模糊查询特效--jquery插件

 以下是我在实际工作中给客户做的一个方便搜索的功能: 在工作中我们用的框架是ETP框架不是主流的SS框架(此处只是说明下,并不影响文章的主要内容,目的是为不知道ETP的人扫除阅读障碍),如代码...

jQuery实现模糊查询

今天做到一个类似从QQ群组选出

jQuery UI Autocomplete 体验 (模糊搜索)

jQuery UI Autocomplete 体验 2012-02-12 15:09 by 囧月, 7627 阅读, 10 评论, 收藏, 编辑 jQuery UI Autocomplete是j...
  • yl_99
  • yl_99
  • 2013年09月10日 09:52
  • 2276
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery防百度搜索框模糊匹配
举报原因:
原因补充:

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