How to disply in the page

[priya pratheepp]

Hi friends,

I want to disply drop down box in proper place.Actually it is displaying in some other place.

I am doing one work using AJAX , jsp etc

When i select one drop down box the corresponding list should be displayed in other drop down list box...the second drop down is displaying is some other place ..i tried with div alos but failed...please help me


This is the place where i am callin the ajax

  out.println("<Select name=\"staff_grade\"  onchange=\"[B][I]showHintGrade[/I][/B](this.value)\" >");
  int grade=1;
 while(grade<10)
{
out.println("<option   value=\""+grade+"\"  "+">"+grade+"</option>");
                  grade=grade+1;
}
 
 out.println("</select>");
           

I used id like below

<div id="txtHintGrade"></div>

javascript line

<script type="text/javascript" src="clienthint1.js"></script>

clienthint1.js

var xmlHttp
var s = new Array(50);
function showHintGrade(str)
{
if (str.length==0)
  { 
  document.getElementById("txtHintGrade").innerHTML="";
  return;
  }
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="[B][I]GetHint1.jsp[/I][/B]";
url=url+"?q="+str;
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
} 
 
function stateChanged() 
{ 
if (xmlHttp.readyState==4)
{ 
document.getElementById("txtHintGrade").innerHTML=xmlHttp.responseText;
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}
 

 

My GetHint1.jsp

 

<%
int a[] = new int[30];
a[0] = 1;
a[1] = 2;
a[2] = 3;
a[3] = 4;
a[4] = 5;
a[5] = 6;
a[6] = 7;
a[7] = 8;
a[8] = 9;
a[9] = 10;
a[10] = 11;
a[11] = 12;
a[12] = 13;
a[13] = 14;
a[14] = 15;
a[15] = 16;
a[16] = 17;
a[17] = 16;
a[18] = 19;
a[19] = 20;
a[20] = 21;
a[21] = 22;
a[22] = 23;
a[23] = 24;
a[24] = 25;
a[25] = 26;
a[26] = 27;
a[27] = 28;
a[28] = 29;
a[29] = 30;
 
String q = request.getParameter("q");
      int j = 0;
int q1 = Integer.parseInt(request.getParameter("q"));  
int b[] = new int[30];
 
  if (q.length() > 0) {
            
for (int i = 0; i < a.length; i++) {
if (a[i]>q1) {
b[j] =  a[i];
                        j = j+1;
}
}
}
      out.println("<Select name=\"staff_grade1\">");
for (int i = 0; i < b.length; i++) 
                  if(b[i] != 0)
                  {
             out.println("<option   value=\""+b[i]+"\"  "+">"+b[i]+"</option>");
                  
                  }
                out.println("</select>");
out.println("<br>");
%>
 

I want to display the result in specific column

out.println("<TD>");
 
-----------------
out.println("</TD>");

I am getting mad with this.Please help.....