喜逢一个我需要简单的自动提示代码我有jquery.autocomplete.js试过我不是得到什么,我需要做的 代码: - index.jsp的自动完成搜索
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
</head>
<body>
<div style="width: 300px; margin: 50px auto;">
<b>Country</b> : <input type="text" id="country" name="country" class="input_text"/>
</div>
</body>
<script>
jQuery(function(){
$("#country").autocomplete("list.jsp");
});
</script>
</html>
and list.jsp
<%@page import="java.util.Iterator"%>
<%@page import="java.util.List"%>
<%@page import="java.util.ArrayList"%>
<%
String countries[] = {
"Afghanistan",
"Albania",
"Algeria",
"Andorra",
"Angola",
"Antigua and Barbuda",
"Argentina",
"Armenia",
"Yemen",
"Zambia",
"Zimbabwe"
};
String query = (String)request.getParameter("q");
System.out.println("1"+request.getParameterNames().nextElement());
response.setHeader("Content-Type", "text/html");
int cnt=1;
for(int i=0;i<countries.length;i++)
{
if(countries[i].toUpperCase().startsWith(query.toUpperCase()))
{
out.print(countries[i]+"\n");
if(cnt>=10)
break;
cnt++;
}
}
%>
还有一个风格.css在那里,但它没有显示任何东西,而执行 注意所有的源文件是存在于同一文件夹中,请告诉我缺少的地方
目前尚不清楚问题出在哪里。尝试并简化解决方案以缩小问题的可能位置。首先通过使用“source”选项 - $(“input#autocomplete”)消除对服务器端的请求,证明客户端工作正常。autocomplete({source:[“Afghanistan”,“Albania”,“Andorra” ]});然后通过简单的$ .ajax调用来检查服务器端是否正常工作。然后尝试将两者融合在一起。很可能服务器返回的结果格式与自动完成插件所期望的格式不同。 – 2011-04-12 10:25:51