HTML5+jQuery实现搜索智能匹配功能

HTML5+jquery实现的搜索匹配效果,或者说是搜索过滤,当你在文本框输入一个字符时,如果下边的列表中有以此为开头的内容时,将自动为你显示相关内容,示例中仅列出了一些,用时候你可以自己再完善下,代码仅为您提供一种思路,我想对你是有帮助的

效果图:

代码如下:

rush:xhtml;"> Meta charset="UTF-8"> <Meta name="author" content="dony"> <Meta http-equiv="cache-control" content="no-cache"> <Meta http-equiv="pragma" content="no-cache"> <Meta name="renderer" content="webkit"> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <Meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"> dony
厦门集众筹智科技有限公司
  • 苏州高新区文体发展有限公司
  • 美罗城test
  • 深圳市高收益科技开发有限公司
  • 深圳市蜗爱生活科技开发有限公司
  • 深圳市宇恒乐便利店管理有限公司
  • 广东胜佳超市有限公司
  • 顺义李先生说
  • 十足集团股份有限公司
  • 宏图三胞高科技术有限公司
  • 九州连锁超市公司
  • 李先生
  • 李先生牛肉面快餐厅
  • 李先生牛肉面快餐厅
  • 美宜佳便利店有限公司
  • 上海一嗨汽车租赁有限公司
  • 龙湖商业地产(重庆区)
  • 阜阳华联集团股份有限公司
  • 百万庄园
  • 百万庄园
  • 上海恭胜酒店管理有限公司
  • 北京好伦哥餐饮有限公司
  • 富驿酒店集团有限公司
  • 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

    相关文章

    页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
    jQuery实时显示日期、时间 html: &lt;span id=&quot...
    jQuery 添加水印 &lt;script src=&quot;../../../.....
    中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
    1. 用Response.Write方法 代码如下: Response.Write(&q...
    Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...