10

是否有一个 jQuery 插件可以在文本区域内建议/自动完成?

我想要的是在文本区域中向用户提供建议的单词或自动完成的文本,如下面的示例图像:

自动完成框演示

4

4 回答 4

4

好吧,有一个自动完成插件可以做到这一点,如果你想从数据库中提取数据,我推荐使用jQuery 中包含的ajax API 。

像这样的东西

$('textarea').keyup(function(){
  $.post('ajax/test.php', function(data) {
   $('#example').autocomplete(data);

   });

});

还要记住,这只是给你一个想法的基本结构。

PS我刚刚发现应该可以满足您的所有需求。

于 2010-12-01T22:07:07.467 回答
0

如果您引用 jQueryUI(与 jQuery 相同的网站),您可以使用以下内容进行自动完成:http: //jqueryui.com/demos/autocomplete/

这也是一个简单的实现:)

希望有帮助!

于 2010-12-01T22:12:40.830 回答
0

这可能看起来像一个 hack,但是您可以尝试向用户模仿他正在输入文本区域,而他实际上是在输入文本输入,该输入位于文本区域中下一个单词的位置。一旦用户选择了一个来自自动完成的建议或点击输入或此覆盖文本输入中的空格,您可以删除文本输入,并将文本输入中的当前单词附加到文本区域。

对于文本输入中的自动完成,您可以在可用于 jquery 的众多插件中使用插件。

于 2011-10-21T08:58:56.560 回答
0

您可以尝试gcomplete使用 google api 自动完成任何内容,只需对源代码稍作修改,即可更改标签的行为input[text]

我对插件进行了更改并自动完成最后一个单词,您可以在github.com/rkmax/gcomplete进行测试。

我正在处理: - 自动完成当前单词。- 确定行数(视觉)和 Textarea 当前光标位置以在光标旁边显示单词列表,这要归功于SimpleCoder

于 2011-10-22T21:28:16.290 回答