Resultado:
(http://img59.imageshack.us/img59/1202/autocomplete.png)
Acabei de criar minha versão feita em JavaServer Pages(JSP)
Versão baseada neste tópico: Auto Completar Tutorial – jQuery(Ajax) + PHP + MySQL (http://www.forum.darkers.com.br/index.php?topic=12134)
A diferença é que nosso Javascript irá chamar ao rcp.jsp inves de rcp.php, que é elemento responsavel pela consulta ao MySQL.
obs: download desse projeto para que você possa ver em prática em anexo.
Veja nosso rcp.jsp:
<%@page contentType="text/html" import="java.sql.*"%>
<%@page pageEncoding="UTF-8"%>
<% if (request.getParameter("queryString") != null){ // só entra se receber o parametro de busca
ResultSet res = null;
Statement stm;
Connection con;
String busca = request.getParameter("queryString");
String sql = "SELECT value FROM countries WHERE value LIKE '"+ busca +"%' LIMIT 10";
try {
Class.forName("com.mysql.jdbc.Driver");
con = DriverManager.getConnection("jdbc:mysql://localhost:3306/BANCO","USUARIO","SENHA");
stm = con.createStatement();
res = stm.executeQuery(sql);
} catch (Exception e){System.out.println("Não foi possivel se conectar ao baunco, causa:"+ e.getMessage());}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP AutoComplete by Reeves</title>
</head>
<body>
<% while(res.next()){ %>
<li onClick="fill('<%= res.getString("value") %>');"> <%= res.getString("value") %> </li>
<% }%>
<% } else { %>
Essa página não pode ser acessada diretamente.
<% } %>
</body>
</html>
SIMPLES D+ ;)