在textarea中建议/自动填充的jQuery插件

时间:2010-12-01 22:02:41

标签: jquery autocomplete textarea richtextbox autosuggest

是否有一个jQuery插件可以在textarea中建议/自动填充?

我想要的是在textarea中为用户提供建议的文字或自动填充的文字,如下图所示:

autocomplete box demo

4 个答案:

答案 0 :(得分:4)

那么autocomplete plugin就是这样做的,如果你想从数据库中提取数据,我推荐使用jQuery中包含的ajax API

类似这样的事情

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

   });

});

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

P.S。我刚发现this它应该满足您的所有需求。

答案 1 :(得分:0)

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

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

希望有所帮助!

答案 2 :(得分:0)

这可能看起来像一个黑客,但你可以尝试模仿他在textarea中输入的用户,而他实际上会输入textinput,它位于textarea中下一个单词的位置。一旦用户从自动填充中选择建议或在此重叠的文本输入中命中输入或空格,您可以使用附加到textarea的textinput中的当前单词删除文本输入。

对于文本输入中的自动完成,您可以使用来自可用于jquery的大量插件的插件。

答案 3 :(得分:0)

您可以尝试gcomplete使用google api自动完成任何内容,只需对源代码进行一些修改,就可以更改标记input[text]的行为。

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

我正在努力: - 自动填写当前单词。 - 确定行数(可视)和Textarea当前光标位置以显示光标旁边的单词列表,这要归功于SimpleCoder