0

I was trying to build an autocomplete text box in jsp page using Jquery plugin. But i am facing problem.
Whenever i was trying to display the list, it is not displaying.
When i was requesting for the jsp list page from JQuery Autocomplete, System.out is working, it is giving the relevant output but the same data should be displayed on the list, that is not happening.

my code goes like this

index.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Auto Complete TextBox</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="JS/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="JS/jquery.autocomplete.js"></script>


</head>
<body>

		<input type="text" name="query" id="query"  value="">
		
		
<script type="text/javascript">
var options, a;
jQuery(function(){
  options = { serviceUrl:'list.jsp' };
  a = $('#query').autocomplete(options);
});

  
  /*$( "#query" ).autocomplete({
		source: "list.jsp",
		minLength: 1		
	});
	*/

</script>


</body>
</html>

list.jsp

<%
	String countries[] = { 
						 	"Afghanistan",
							"Albania",
							.
							.
							.
							"Zambia",
							"Zimbabwe"
							};
	
	String query = (String)request.getParameter("query");
	//System.out.println("1"+request.getParameterNames().nextElement());
	response.setHeader("Content-Type", "text/html");
	
	for(int i=0;i<countries.length;i++)
	{
		if(countries[i].toUpperCase().startsWith(query.toUpperCase()))
			out.print(countries[i]+"\n");
			//System.out.print(countries[i]+"\n");
	}

%>
2
Contributors
2
Replies
6
Views
6 Years
Discussion Span
Last Post by MIENORCO
-1

As i did not get any reply for a long time, I tried some other way and got a solution that autocomplete v1.3 plugin is not working for jsp. So i achieved my solution using v 1.1.
You can view my solution SNIP

Edited by happygeek: link snipped - self promotion

Votes + Comments
how about giving the solution here, instead of promoting your site?
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.