サイトでhttp://jqueryui.com/autocomplete/#multiple-remoteを使用しようとしていますが、正しい結果が得られません。
私のHTMLは:
<input id="movies-text" size="50" />
私のJqueryコードは次のとおりです。
$('#movies-text').autocomplete({
minLength:3,
source:function(request,response){
$.getJSON('searchmovies.jsp',{q:request.term},function(result){
response($.map(result,function(item){
return item.value;
}));
});
}
});
searchmovies.jsp は次のようになります。
<%@ page contentType="application/json" language="java" import="java.sql.*" errorPage="" %>
<%
response.setContentType("application/json");
response.setHeader("Content-Disposition", "inline");
%>
[
{"value":"Pulp fiction"},
{"value":"The hobbit"},
{"value":"Apocalypse Now"},
{"value":"As good as it gets"},
{"value":"Annie hall"},
{"value":"Butch Cassidy and the sundance kid"},
{"value":"Terminator"}
]
何を入力しても、ドロップダウンにすべての値が表示されます。