Question

我试图以我拥有的形式修改我的一个文本输入框。我希望在用户输入时弹出建议。基本上，我想模拟Stack Overflow上的问题问题页面上的“标签”框，但显然有不同的数据作为建议。我该怎么做呢？

对于上下文，这是针对大学的一个俱乐部，我试图允许成员输入他们的专业，并且当他们打字时会提出建议。

Answer 1

jQuery有一个你可以使用的自动完成插件： http://docs.jquery.com/Plugins/autocomplete

这取决于什么样的语言/平台/等。你也在使用。我主要是.NET开发人员，我使用了以下内容：

用于存储数据的SQL Server
Web应用程序的Web窗体或MVC
用于检索和格式化建议的ashx处理程序
上面的jQuery插件，用于渲染从输入框下面的ashx返回的结果

希望这有帮助！

Answer 2

如果您想从数据库中获取常用或已创建元素的信息，您需要的不仅仅是html。如果您只是希望表单能够提示人们已经在他们自己的浏览会话中输入的内容，那么表单将自动执行此操作。

What I can point you towards is this guys post。他概述并提供基本代码，让您开始在表单中自动建议的路径他甚至会为您提供文件以帮助您前进，但您必须进行一些修改工作。

后面还有一篇文章，有人将其添加到ajax_framework文件中。

`function clearsuggest（）{

e = document.getElementById（'results'）;

e.style.display = “无”; } `

在search.php中： onClick="fill();clearsuggest();return false;"

该部分代码将在点击建议后清除建议。希望这会有所帮助并祝你好运。

Answer 3

对于类Unix环境（Linux，FreeBSD等），我写道这个自动完成工具： http://olegh.ftp.sh/autocomplete.html

它消耗很少的系统资源，并且可以处理巨大的词典：10,000,000多个条目是可以的。

并且，此工具不使用SQL数据库，因为SQL很慢。

Answer 4

This snippet from Cena Mayo正是我想要的：

<input id="color" list="suggestions">
<datalist id="suggestions">
    <option value="Black">
    <option value="Red">
    <option value="Green">
    <option value="Blue">
    <option value="White">
</datalist>

HTML表单文本输入建议框

4 个答案: