Question

我想为城市列表创建自动填充输入文本。我在JSP页面中获取输出（已选中）但我不知道如何在编辑文本建议中取回对请求页面的响应。

这是我的代码：

index.jsp （带有编辑文字和JavaScript插件的文件）

＆＃13;

$("#city").autocomplete("indexEditText.jsp");

＆＃13;

<html>
<link rel="stylesheet" type="text/css" href="https://pengoworks.com/workshop/jquery/lib/jquery.autocomplete.css" />
	<script type="text/javascript" 
			src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script src="https://pengoworks.com/workshop/jquery/lib/jquery.autocomplete.js"></script>  
 
</head>
<body>
	<h3>City</h3>
	<input type="text" id="city" name="city"/>
	
	
</body>
</html>

＆＃13;

indexEditText.jsp

   <%
        List<String> l = ConnectionProvider.getData(request.getParameter("city"));
        Iterator<String> iterator = l.iterator();
        String[] city=null;
        int i=0;
        while(iterator.hasNext()) {
        city[i]= (String)iterator.next();   
        out.println(city[i]);
        i++;
    }
        /*  String json = new Gson().toJson(l);
         response.getWriter().write(json); */
    %>

Answer 1

我找到了自动填充文本view.i的简单替代方法解决上述获取方式。

我们可以使用HTML5的<datalist>标记，并在脚本/代码的帮助下填充列表中的数据，无论您使用什么来检索。我在视图中使用了java和JSP页面。 /强>

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> </head> <body> <% List<String> l = ConnectionProvider.getData(); %> <input list="citylist" name="city"> <datalist id="citylist"> <%for(String s : l) {System.out.println(s); %> <option value=<%=s%>> <% } %> <option value="Internet Explorer"> <option value=<% %>> </datalist> </body> </html>

除了这些以提高性能之外，您还可以使用sql索引，二级缓存。

使用JSP和jQuery自动完成InputText时无输出

1 个答案: