to get all required fields in single page

I had developed a application where there are three drop downs placed adjacent to each other . when i click a value from any drop down a image has been viewed . but the problem i am getting is that the image is viewed or opened in different page. i need to be get the image in the same page where the drop down is placed and if i click another image value from drop down i should get the drop down menu, the image of first one and the image of current one which i had clicked should be seen in same page . how can i do this?. The image i said is the image developed from Jfreechart.

<%@page contentType="text/html" pageEncoding="UTF-8"%>
	<%@page import="java.io.*"%>
	<%@page import="java.sql.*"%>
         <%@page import="javaex.DualAxisChart"%>
         
         <%@ page import="org.jfree.chart.*,javax.servlet.http.HttpServlet, javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse,
 javax.servlet.ServletException, java.io.IOException, java.io.OutputStream,
 org.jfree.data.xy.*, org.jfree.data.*,org.jfree.chart.renderer.category.*,org.jfree.chart.plot.*,
 java.awt.*,org.jfree.data.jdbc.*"%>
   <html>  
   <head>
       <script>
           function next()
           {
       document.form1.action="example.jsp";    
       document.form1.submit();
       }
       </script>
   </head>
       <body>
           
       <form name="form1">
	   <table>
	   <tr>
	   <td>
	    Que Code</td> <td><select name="que_code">
	   <option>select Question code</option>
            <option>java0901301</option>
	   <option>dotnet0901301</option>
	   <option>dotnet0901302</option>
	   <option>java0902123</option>
	   <option>dotnet0902121</option>
	   
	   </select>
	   
	     </td>
		 
		  <td>Type Of Chart</td> <td>
	 <select name="chart_option" onchange="next();">
	  <option>select Type</option>
           <option value="BarChart">BarChart</option>
	   <option value="Piechart">Piechart</option>
	   <option value="BarChart3D">BarChart3D</option>
	   <option value="Piechart3D">Piechart3D</option>
	   <option value="AreaChart">AreaChart</option>
         </select>
         </td>
	     </tr>
          </table>
          
          
          
          <%
         
          
          
Connection connection=null;
ResultSet rs=null;
Statement st=null;
JFreeChart chart=null;

String que_code=request.getParameter("que_code");
String Type_char=request.getParameter("chart_option");
if(que_code!=null)
   {            
          try {
 Class.forName("com.mysql.jdbc.Driver").
 newInstance();
 connection = DriverManager.getConnection("jdbc:mysql://localhost/lms?user=root&password=admin&useUnicode=true&characterEncoding=utf-8");
 
     //   JDBCCategoryDataset dataset =new JDBCCategoryDataset(connection);
 if(Type_char.equalsIgnoreCase("BarChart"))
{
   JDBCCategoryDataset dataset =new JDBCCategoryDataset(connection);
   dataset.executeQuery("select user_id,total_marks from result where que_code='"+que_code+"'");
chart = ChartFactory.createBarChart("title","xaxis","yaxis",dataset,PlotOrientation.VERTICAL,false,true, false);
}
else if(Type_char.equalsIgnoreCase("Piechart"))
{
JDBCPieDataset dataset =new JDBCPieDataset(connection);
 dataset.executeQuery("select user_id,total_marks from result where que_code='"+que_code+"'");
chart = ChartFactory.createPieChart("Pie Chart", dataset,true, true, false);
}
%>
          <table>
              <tr><td>
         
        <% if (chart != null) {
    response.setContentType("image/png");
   OutputStream out1 = response.getOutputStream();
    ChartUtilities.writeChartAsPNG(out1, chart, 450, 400);
   //  ChartUtilities.writeImageMap(arg0, arg1, arg2, arg3, arg4)

}
     } catch (SQLException e) {
     e.printStackTrace();
 }
          
  }    
          
         %>  
       
        
  </td></tr>
       </table>         
           
           
     
       </form>

</body>
</html>

try removing response.setContentType("image/png"); and use iframe for displaying the images..

*cough*

Images in HTML are to be displayed using the <img> element.
The <img> element has a 'src' attribute which should point to a valid and public URL of the image.
If the images are to be generated, the URL should point to a some servlet which writes the image to the outputstream.

oops sorry... images have <img> tag.... <iframe> is used for documents....

Aparna

I should add, scriptlets are in any way a sign of a bad practice.

Whenever you feel the need to write a scriptlet, immediately stop with it and rethink the design and approach. In most cases you can use taglibs (JSTL and so on) and/or EL to solve the coding issue. But in extreme (read: very poorly designed) cases you should be using a Java class for this. Such as this case, where in you should be using a Servlet class. Handling binary data using a view technology designed for handling character data makes absolutely no sense. It would only corrupt the binary data and vice versa.

Please read this article to understand why Bauke's assertion that JSP is a poor technology choice for binary streaming is true.