`
wyp0523
  • 浏览: 23700 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 模糊提示

阅读更多

引用
本文转载别人的代码。原来的网址忘记了
<html> 
<body> 
<style> 
ul,li{margin: 0; padding: 0;width:100%;} 
</style> 
<script language="javascript" type="text/javascript"> 
function checkword() 
{ 
   var wordvalue=document.getElementById("word").value.toLowerCase(); 
   var alltxt="管理员|apple苹果|all全|big大|bad坏|cut剪切|car车|daph8|eeg|egg|eat|fuck|fuck you|fix|good|hand|hidden|ill|jack|jad|kevin|long|man|number|oio|part|pp|quit|QQ|rest|reg|set|submit|time|tag|uuzo.cn|uuzo|view|windows|want|xy|xun|young|yuyu|zoo|Zzz|锋.David|David|哈哈|www.uuzo.cn|www.uuzo.com"; 
   var alltxtpp=alltxt.toLowerCase(); 
   var alltxt_xiang=alltxt.split("|"); 
   var alltxt_xiang1=alltxtpp.split("|"); 
   var inhtml="<ul>" 
   var isyou=0; 
   for (i=0;i<alltxt_xiang1.length;i++) 
   { 
       if (alltxt_xiang1[i].substr(0,wordvalue.length)==wordvalue) 
       { 
           inhtml=inhtml+"<li onclick=\"document.getElementById('word').value=this.innerHTML"+wordvalue+";document.getElementById('showmenu').style.display='none';\" onmouseover=\"this.style.backgroundColor='#666666'\" onmouseout=\"this.style.backgroundColor=''\">"+alltxt_xiang[i]+"</li>"; 
           isyou=1; 
       } 
   } 
   inhtml=inhtml+"</ul>"; 
   if (isyou==1) 
   { 
       document.getElementById("showmenu").innerHTML=inhtml; 
       document.getElementById("showmenu").style.display=""; 
   } 
   else 
   { 
       document.getElementById("showmenu").innerHTML=""; 
       document.getElementById("showmenu").style.display="none"; 
   } 
   if (wordvalue=="") 
   { 
       document.getElementById("showmenu").innerHTML=""; 
       document.getElementById("showmenu").style.display="none"; 
   } 
} 
</script> 
<input type="text" name="word" size="20" id="word" onkeyup="checkword()" style="border:1px solid #666666;width:200px;height:25px;"> 
<div style="position: absolute; width: 200px; height: 100px; z-index: 1; left: 10px; top: 40px;border:1px solid #666666;display:none;" id="showmenu"></div></body></html> 

分享到:
评论

相关推荐

    使用js实现文本框模糊查询自动提示

    使用js实现模糊查询自动提示 使用js实现模糊查询自动提示

    jquery模糊提示框

    模糊查询提示框,根据输入内容随时更新提示框。支持鼠标点击、上下enter键选择。 使用简单 导入js文件,使用$.selects({});即可。 脚本有大量注释。也可通过头部参数作简单控制。 注意:案例是在页面做的一个模拟...

    javascript input输入框模糊提示功能的实现

    在JavaScript中,实现输入框(input)的模糊提示功能,是一种常见的增强用户交互体验的方法。这种功能允许用户在输入文本时自动显示出与已输入内容匹配的建议列表,从而提高输入效率。在本教程中,我们将重点介绍...

    实现google模糊提示搜索内容

    在IT行业中,搜索引擎的提示搜索功能是用户交互体验的重要组成部分,尤其像Google这样的顶级搜索引擎,其模糊提示搜索功能更是深入人心。这个"实现google模糊提示搜索内容"的项目旨在帮助开发者理解并构建类似的功能...

    基于模糊字符串搜索 过滤列表_JavaScript

    **基于模糊字符串搜索过滤列表_JavaScript** 模糊字符串搜索是一种高效、灵活的文本搜索方法,它允许用户在不完全记住确切关键词的情况下查找相关信息。在JavaScript中实现模糊搜索可以帮助开发者为用户提供更加...

    JS中Select下拉列表类(支持输入模糊查询)功能

    JS中Select下拉列表类支持输入模糊查询功能的知识点主要包括以下几个方面: 1. HTML结构设计:实现输入模糊查询功能的下拉列表通常包含一个输入框和一个下拉框。输入框用于用户输入查询字符,下拉框则是提供选项供...

    自动补全提示(可模糊搜索)的输入框

    本文将深入探讨如何使用JavaScript实现一个具备模糊搜索功能的自动补全提示输入框,根据提供的标题和描述,我们将分析其关键知识点。 首先,自动补全的核心是通过用户输入的部分文字来预测他们可能想要完成的完整...

    select下拉带模糊搜索功能

    本项目通过HTML、JavaScript(可能包括jQuery或其他JS库)实现了一个具有模糊搜索功能的下拉选择框。 首先,我们来看HTML部分。在HTML中,传统的`&lt;select&gt;`元素用于创建下拉列表。然而,为了实现模糊搜索,我们需要...

    Jquery autosuggest 模糊搜索 提示

    jQuery 的 `autocomplete` 插件就提供了这样的功能,允许用户在输入时得到模糊匹配的搜索提示。在本项目中,开发者通过 `.NET` 后端与前端 `jQuery` 配合,模拟了类似 Google 和百度的搜索提示效果。 **1. jQuery ...

    js实用表单模糊搜索和自动提示插件

    "js实用表单模糊搜索和自动提示插件"是利用JavaScript技术实现的一种功能强大的工具,它提高了用户在填写表单时的体验,通过模糊搜索和自动提示功能,使数据查找和输入变得更为高效。 模糊搜索是一种基于部分关键词...

    jquery模糊搜索带智能提醒的input插件searchableSelect.js

    `searchableSelect.js`是一款基于jQuery的输入框插件,专为实现模糊搜索和智能提示功能而设计。在网页表单中,用户经常需要从大量的数据中选择一个或多个项,传统的下拉列表可能无法满足高效查找的需求。这款插件...

    下拉框带模糊查询引入select2组件.zip

    标题"下拉框带模糊查询引入select2组件"指的是将Select2这个JavaScript组件应用到下拉框中,实现用户输入关键词时进行模糊匹配并实时展示匹配结果的功能。这在大数据量的下拉列表中尤其有用,因为它能够帮助用户快速...

    js 自动提示城市

    综上所述,实现“js自动提示城市”功能涉及到的关键技术有JavaScript事件监听、拼音转换、模糊匹配算法、DOM操作、下拉列表渲染以及数据结构优化。通过这些技术的综合运用,我们可以创建一个高效、易用的城市输入...

    js实现模糊匹配功能

    本文主要介绍使用JavaScript(js)来实现搜索框输入内容时对表格数据的模糊匹配,并对实现步骤和技术要点进行详细说明。 ### 模糊匹配功能实现步骤 1. **声明变量**:首先需要获取页面中的输入框和表格元素,并将...

    自动提示的js与css

    标题中的“自动提示的js与css”指的是在网页开发中,使用JavaScript(js)和Cascading Style Sheets(css)实现的一种用户交互功能——输入框自动提示。这种功能常见于搜索框、表单输入等场景,能提升用户体验,帮助...

    js模糊搜索插件fuzzysearch

    插件描述:fuzzysearch是一款实用的表单模糊搜索和自动提示js插件。该js插件允许你只输入部分字符串,根据这部分字符串自动搜索和匹配,并给出自动替代选项。演示地址:http://www.jq22.com/jquery-info10756

    js输入框自动加载邮箱提示

    在JavaScript(JS)中,实现输入框自动加载邮箱提示功能是一项常见的前端交互设计,它可以提升用户体验,让用户在输入邮箱地址时得到即时的建议和帮助。这个功能通常涉及到实时验证、模糊搜索和数据缓存等技术。 ...

    JS仿百度自动下拉框模糊匹配提示

    标题“JS仿百度自动下拉框模糊匹配提示”和描述“主要介绍了JS仿百度自动下拉框模糊匹配提示的相关资料,需要的朋友可以参考下”说明了这篇文章的主题是关于如何用JavaScript和jQuery技术模仿百度搜索的自动下拉框...

    圆形Clip边缘模糊演示

    `setRenderingHint()`方法可以设置渲染提示,例如`RenderingHints.KEY_ANTIALIASING`,其值可以设置为`RenderingHints.VALUE_ANTIALIAS_ON`以开启抗锯齿。这有助于在图形边缘创建平滑过渡,消除锯齿现象。此外,我们...

Global site tag (gtag.js) - Google Analytics