js使用其他文本自动完成多个项目

时间:2010-07-12 20:35:52

标签: javascript autocomplete

是否有一个模块已经存在,或者有人指出我正确的方向创建一个类似于Facebook的状态更新的自动完成,其中您将标准文本与自动完成的名称混合在一起,这些名称由一个分隔字符激活,例如@ 。另外,所有这些都放在一个可编辑的div或multiline textarea中?

由于

1 个答案:

答案 0 :(得分:1)

一个选项可能是使用jQuery自动完成插件。 http://www.devbridge.com/projects/autocomplete/jquery/#intro

jQuery(function(){ 
  $('textarea').autocomplete({
    serviceUrl:'/autocomplete.php', 
    delimiter: /\s*[@]/,
    deferRequestBy: 0,
    minChars:2}); 
});

当用户在textarea中输入“@userinput”时,这将调用autocomplete.php?query = userinput,php脚本应该返回一个JSON对象,其中包含以userinput开头的所有名称以及原始查询。

{
 query:'userinput',
 suggestions:['userinput1','userinput2','userinput3','userinput4'] 
}