This is the code... I am not able to control the page. When the second list get loaded, the page is refreshed and the 2nd list will appear only for a fraction of second .
The second list is loaded with the value of the previous selection, not the current one.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<%@ page extends=" com.hearst.coin.web.servlets.JspBaseServlet" %>
<%@ page import="com.hearst.coin.value.ClientVO"%>
<%@ page import="java.util.ArrayList" %>
<%
String strMessage="";
String pId = null;
String selectedParent="";
String isParentSelected=null;
String code="";
ArrayList parentList = new ArrayList();
ArrayList chList = new ArrayList();
//ArrayList childList = new ArrayList();
logger.debug("Hi1");
ArrayList mainList = (ArrayList)session.getAttribute("DROPDOWNLIST");
parentList = (ArrayList)mainList.get(1);
logger.debug("after parentlist------->") ;
//chList = (ArrayList)mainList.get(5);
ArrayList childList = new ArrayList();
ArrayList secList =new ArrayList();
isParentSelected = (String)session.getAttribute("isParentChanged");
logger.debug("isParentSelected------>"+isParentSelected);
/*if(session.getAttribute("CHILDDROPDOWNLIST")!=null){
secList = (ArrayList)session.getAttribute("CHILDDROPDOWNLIST");
} */
//ArrayList secList = (ArrayList)session.getAttribute("CHILDDROPDOWNLIST");
//childList = (ArrayList)secList.get(0);
%>
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2800.1476" name=GENERATOR>
<%= super.noCache() %>
<link href="../common/styles/default.css" rel="stylesheet" type="text/css">
<script src="../common/jscripts/Validate.js"></script>
<script>
function getChildList(){
alert('inside getChildList');
}
function ListFnt()
{
alert('Coming Inside....');
var pcForm = document.forms[0];
pcForm.deviateAction.value = 'getChild';
pcForm.action = "homePages.coin?takeAction=coin.web.action.getChildIds";
pcForm.submit();
}
function showChild(){
document.getElementById("app").style.visibility = "visible";
}
function HiddenFnc(){
alert('Hidden');
document.getElementById("app").style.visibility = "hidden";
}
</script>
<link href="../common/styles/default.css" rel="stylesheet" type="text/css">
</HEAD>
<body leftmargin="0" topmargin="0" bgcolor="#FFFFFF">
<form name="frmGlobal" method="post">
<input type="hidden" name="deviateAction" value="globalUpdate" >
<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0" Style="BORDER-LEFT:#ffffff 2px solid;">
<tr>
<td width="100%" align='left' class="breadcrumb"> <a href="../rightpannel.jsp" class="breadcrumb">Home</a> > <a href="../homePages/invoice.jsp" class="breadcrumb">Coin Global Updates</a> > Parent-Child</td>
</tr>
<TABLE cellSpacing="0" cellPadding="0" height="4" width="100%" border="0" class="tableborderblue" >
<tr><td> </td></tr>
<tr>
<td align='center'>
<FONT face=Verdana size=2>Please select a parent and click on the submit button to view the child Ids:</FONT>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td width="100%" align='left'>
<TABLE cellSpacing="0" cellPadding="0" height="4" width="100%" border="0" >
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="15%"> </td>
<!--<TD align='right' class=tablerowstyle width="25%">Parent</TD>
<TD class=tablerowstyle align="center" width="50%" >
<select name="statusIP">
<option value="0"> -- Select --</option>
<option value="MakeGoods">MakeGoods</option>
<option value="DoNotMail">Do Not Mail</option>
</select >
</TD> -->
<TD align='right' class=tablerowstyle width="25%">Parent</TD>
<TD class=tablerowstyle align="center" width="50%" >
<!--<select name="selParent" onchange="ListFnt(document.frmGlobal.selParent.value)">-->
<select name="selParent" onchange="ListFnt();showChild()">
<option value="0"> ----Select---- </option>
<%
if((parentList!= null) && (parentList.size()>0)){
logger.debug("inside the if loop--------->");
for(int i=0; i<parentList.size(); i++){
logger.debug("inside the for loop--------->");
String selected = null;
ClientVO parentVo = (ClientVO)parentList.get(i);
logger.debug("parentVo.getClientID()------->"+parentVo.getClientID());
logger.debug("parentVo.getClientName()------->"+parentVo.getClientName());
%>
<option value="<%=parentVo.getClientID()%>" ><%=parentVo.getClientName()%></option>
<%session.setAttribute("isParentChanged","true");%>
<!--request.getParameter("selParent");
request.setAttribute("parent",request.getParameter("selParent")); -->
<%
}}
%>
</select >
</TD>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<!-- newly added -->
</tr>
</table>
<TABLE border="0" align="center" id="app">
<TR>
<TD align='right' class=tablerowstyle width="25%"> </TD>
<TD>
<SELECT NAME="children" SIZE="10">
<%
ClientVO childVo = new ClientVO();
logger.debug("inside the 2nd list----->");
if(session.getAttribute("CHILDDROPDOWNLIST")!=null){
logger.debug("inside the child list if----->");
secList = (ArrayList)session.getAttribute("CHILDDROPDOWNLIST");
childList = (ArrayList)secList.get(0);
if(childList!=null && childList.size()>0){
logger.debug("inside the child list if----->");
for(int i=0; i<childList.size(); i++){
logger.debug("inside the child list for----->");
childVo = (ClientVO)childList.get(i);
logger.debug("childVo.getClientID------->"+childVo.getClientID());
logger.debug("childVo.getClientName()------->"+childVo.getClientName());
%>
<option value="<%=childVo.getClientID()%>"><%=childVo.getClientName()%></option>
<%}}}%>
<!--<OPTION>Spanish-->
</SELECT>
</TD>
<TD align='right' class=tablerowstyle width="25%"> </TD>
</TR>
<TR>
<TD>
<TR>
<TD align='right' class=tablerowstyle width="25%"> </TD>
</TR>
<TR>
<TD align='right' class=tablerowstyle width="25%">Parent</TD>
<TD class=tablerowstyle align="center" width="50%" >
<!--<select name="selParent" onchange="ListFnt(document.frmGlobal.selParent.value)">-->
<select name="selParent2" onchange="ListFnt()">
<option value="0"> ----Select---- </option>
<%
if((parentList!= null) && (parentList.size()>0)){
for(int i=0; i<parentList.size(); i++){
ClientVO parentVo = (ClientVO)parentList.get(i);
%>
<option value="<%=parentVo.getClientID()%>"><%=parentVo.getClientName()%></option>
<!--request.getParameter("selParent");
request.setAttribute("parent",request.getParameter("selParent")); -->
<%
}}
%>
</select >
</TD>
</TR>
</TD>
</TR>
</TABLE>
</table>
</table>
<script>
document.getElementById("app").style.visibility = "hidden";
</script>
</form>
</BODY></HTML>
