<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;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>
分享到：
相关推荐
Java 实现百度搜索框自动补全是一个常见的前端与后端交互功能，主要用于提高用户体验，它在用户输入关键字时提供相关的建议列表。这个源码演示了如何利用Ajax技术结合MySQL数据库来实现这一功能。 首先，我们要理解...
**jQuery版搜索框自动补全与智能提示技术详解** 在网页开发中，为了提供用户友好的界面和便捷的搜索体验，经常会用到搜索框自动补全功能。此功能能够根据用户输入的部分关键词，实时显示出匹配的建议结果，极大地...
它负责监听用户的输入事件，当用户在搜索框中输入字符时，JavaScript代码会触发一个函数，该函数通常会发送一个AJAX请求到服务器，查询与输入内容匹配的数据。服务器返回匹配结果后，JavaScript会把这些结果显示在...
在搜索框自动补全的场景下，用户输入关键词时，jQuery会通过Ajax发送请求到服务器，获取与输入匹配的建议数据。 1. **基本结构**： - **HTML**：通常，搜索框是一个`<input>`元素，可能包含一个`<div>`来显示补全...
本文将深入探讨如何使用JavaScript实现一个具备模糊搜索功能的自动补全提示输入框，根据提供的标题和描述，我们将分析其关键知识点。 首先，自动补全的核心是通过用户输入的部分文字来预测他们可能想要完成的完整...
搜索引擎自动补全是一种常见于网页搜索框的功能，它能够根据用户输入的部分关键词，实时预测并显示可能的完整搜索词，以此提高搜索效率和用户体验。在本项目中，我们将讨论如何实现一个仿百度、Google、谷歌的搜索...
在实现自动补全功能时，我们可以创建一个HttpHandler来接收前端发送的用户输入，并返回匹配的关键词列表，这些列表将以JSON格式返回。 处理JSON数据通常涉及以下步骤： 1. 创建数据结构：定义一个对象或数组来存储...
本示例以“仿百度搜索下拉框”为主题，探讨如何实现一个自动补全的功能，它能够在用户输入时根据已输入的部分文字，预测并显示可能的完整词汇或短语，提高用户输入效率。 自动补全的核心在于实时性和准确性，它涉及...
《jQuery+Ajax搜索框输入文字自动补全代码详解》 在网页开发中，为了提供更加友好和高效的用户体验，我们常常需要实现搜索框的输入自动补全功能。这使得用户在输入关键字时，系统能实时给出匹配的建议，极大地提高...
在实际开发中，JavaScript自动补全类可以应用于多种场景，如编程IDE的代码补全、搜索框的建议输入、表单字段的预填充等。开发者可以根据需求自定义匹配规则和UI样式，以适应不同的应用场景。 通过分析`suggest-0.1....
这个主题主要围绕一个名为"Suggest"的类进行，该类可能是一个实现自动补全功能的JavaScript库。我们将深入探讨这个库的实现原理，以及如何在实际项目中应用它。 首先，`suggest-0.2.html`可能是这个自动补全功能的...
【标题】"仿搜索引擎文本自动补全"是一个常见的前端功能，它主要应用于输入框中，当用户输入文本时，系统会根据已输入的部分提供相关的建议，以帮助用户快速完成搜索词或输入内容。这一功能在现代网站和应用程序中...
在文档中提到了一个名为suggest.js的插件，它是专门用于实现Solr搜索自动补全的一个JavaScript工具。Suggest.js插件的作用是，在用户开始输入查询词的时候，通过与Solr服务器交互，快速检索出可能的补全词项，并将其...
这是一个基于 jQuery 的自动补全插件，它能提供高效的搜索建议，并且可以自定义样式和行为。要使用这个插件，同样需要将其引入到 HTML 中： ```html <script src="jquery.bigautocomplete.js" type="text/...
JavaScript文本框下拉自动补全提示是一种常见的交互设计，它极大地提升了用户在输入时的效率和体验。在网页开发中，这种功能常用于搜索框、表单输入等场景，允许用户在输入过程中根据已有的数据集获取匹配的建议，...
"搜索记录和自动补全分开提示demo"是一个典型的搜索功能优化案例，它结合了热门搜索记录和实时输入的自动补全建议，以提高用户体验。下面我们将详细探讨这些知识点。 首先，**搜索记录**是指系统保存用户过去的搜索...
EXTJS并没有直接提供一个名为"自动补全"的组件，但它可以通过模拟Combobox组件来实现这一效果。Combobox是EXTJS中的一个下拉选择框，它可以显示一个下拉列表供用户选择，同时也可以配合自动补全功能。 首先，让我们...
在本主题中，我们将深入探讨如何在React Native项目中实现一个适用于Android和iOS的编辑框自动补全组件。 编辑框自动补全（Autocomplete）功能是许多应用程序中的常见特性，它能提高用户输入效率，通过提供预设选项...
使用jQuery来实现文本框输入的自动补全功能，开发者可以利用jQuery提供的丰富接口和插件来快速构建出友好且高效的用户界面。 在具体实现上，自动补全功能通常需要以下几个核心步骤： 首先，需要一个文本框（HTML中...
例如，如果你在 JavaScript 中定义了一个对象，然后输入 `.`, 编辑器会根据对象的属性来提供补全建议。 自动补全也有助于代码规范性和一致性。许多编辑器允许用户自定义代码风格，自动补全会按照这些规则插入代码，...