自動完成textarea的問題

Question

這裏是我的textarea的自動完成腳本

$(function() { 
    function split(val) { 
     return val.split(/,\s*/); 
    } 
    function extractLast(term) { 
     return split(term).pop(); 
    } 

    $("#readers") 
     // don't navigate away from the field on tab when selecting an item 
     .bind("keydown", function(event) { 
      if (event.keyCode === $.ui.keyCode.TAB && 
        $(this).data("autocomplete").menu.active) { 
       event.preventDefault(); 
      } 
     }) 
     .autocomplete({ 
      source: function(request, response) { 
       $.get("test.html", { 
        term: extractLast(request.term) 
       }, response); 
      }, 
      search: function() { 
       // custom minLength 
       var term = extractLast(this.value); 
       if (term.length < 2) { 
        return false; 
       } 
      }, 
      focus: function() { 
       // prevent value inserted on focus 
       return false; 
      }, 
      select: function(event, ui) { 
       var terms = split(this.value); 
       // remove the current input 
       terms.pop(); 
       // add the selected item 
       terms.push(ui.item.value); 
       // add placeholder to get the comma-and-space at the end 
       terms.push(""); 
       this.value = terms.join("\n "); 
       return false; 
      } 
     }); 
}); 

非常簡單的test.html控制器的方法：

@RequestMapping(value = "test.html", method = RequestMethod.GET) 
    public @ResponseBody String personquery(HttpServletRequest request) { 


     String personList = "person"; 
return personList; 

} 

自動完成現在的工作，但問題是，這個建議名單僅返回一個字符供用戶選擇，換句話說像 p e r s o n

代碼中的哪個部分導致了這種情況？

Answer 1

老問題，但你的分裂是罪魁禍首

http://jsfiddle.net/mplungjan/XVccx/

嘗試