Hi, thks for the info. I have tried to apply but seems that it is not working. are you able to detect where I go wrong.
trans.jsp
---------
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@page import="java.sql.*,java.text.*,java.util.*,java.ut il.Vector" %>
<%@page import="java.sql.*,java.lang.Object,java.lang.Stri ng,java.lang.Integer,java.util.*,java.text.SimpleD ateFormat, java.text.*"%>
<%@page import="java.util.List.*;"%>
<jsp:useBean id = "trx" class="trx.TransDetails" />
<jsp:useBean id = "db" class="dbConn.Conn" scope="request" />
<%
String jCompany;
ArrayList listCompany = new ArrayList();
int sizeCompany=0;
%>
<html>
<head><title>JSP Page</title></head>
<title>Transaction Form</title>
<script language ="JAVASCRIPT" src="exchanger.
js"></script>
<script language ="JAVASCRIPT">
var isfound;
dependentArr = new Array('co_no','proj_cde');
isfound=false;
var foundat=0;
qryString="";
function getOptionIndex(obj)
{
qryString="";
counter=0;
currentOption=obj.name
for(i=0;i<dependentArr.length;i++)
{
if(isfound)
{
removeValues(dependentArr[i]);
}
if(dependentArr[i]==currentOption) //userselected optionbox
{
isfound=true;
foundat=i
}
}
isfound=false
for(k=0;k<=foundat;k++)
{
counter++;
if(counter==1)
qryString=qryString+dependentArr[k]+'='+_eval('document.transaction.'+dependentArr[k]+'.value');
else
qryString=qryString+'&'+dependentArr[k]+'='+_eval('document.transaction.'+dependentArr[k]+'.value');
}
}
function getValues(obj)
{
getOptionIndex(obj)
blr();
}
function removeValues(objstrname)
{
obj=_eval('document.transaction.'+objstrname)
obj.options.length = 0
}
var req;
function blr()
{
<% String url = request.getRequestURI();
System.out.println("url " +url); %>
url = "http:/<%=url%>?"+qryString;
alert("url " + url);
req = false;
// branch for native XMLHttpRequest object
if(window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
}
catch(e) {
req = false;
}
// branch for IE/Windows ActiveX version
}
else if(window.ActiveXObject) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
req = false;
}
}
}
if(req) {
req.onfiltered= processReqChange;
req.open("GET", url, true);
req.send();
}
}
function processReqChange()
{
if (req.readyState == 4) {
if (req.status == 200) {
var xmlDOM = new ActiveXObject("Microsoft.XMLDOM");
xmlDOM.loadXML(req.ResponseText);
var onfiltered= xmlDOM.documentElement.firstChild;
var outputstr
outputstr=""
if(oNode != null)
{
outputstr=oNode.text
}
var obj
curr_level=dependentArr[foundat+1]
parentobj=document.getElementById(curr_level)
objarr=outputstr.split("|")
for(i=0;i<objarr.length;i++)
{
chld=objarr[i].split("~")
myname=chld[0];
myvalue=chld[1];
obj=new Option(myname,myvalue)
parentobj[i]=obj
}
}
}
}
function changeProjectDesc() {
var companyIndex = document.transaction.co_no.selectedIndex;
var companyValue = document.transaction.co_no.options[companyIndex].value;
var companyText = document.transaction.co_no.options[companyIndex].text;
}
</script>
<!--input type="hidden" name="counter" value="1"/>
<input type="hidden" name="hiddenProj" value=""/>
<input type="hidden" name="hiddenDept" value=""/-->
<form name="transaction" method="post" >
<input type="hidden" name="hid_page" value="main"/>
<table border = "0" width="100%" cellspacing=0.2>
<tr>
<td width="100%" colspan="3">
<b>Transaction Form</b>
</td>
</tr>
</table>
<table>
<th width="9%"align="left">Company</th>
<td width="1%" align="center">:</td><td width="5%" >
<select name="co_no" id="co_no" onfiltered="getValues(this)" >
<option value="select"></option>
<%
//ArrayList listCompany = trx.display_company();
listCompany = trx.display_company();;
ListIterator iter = listCompany.listIterator();
while (iter.hasNext()) {
jCompany =(String)iter.next();
%>
<option value="<%=jCompany %>"><%=jCompany %></option>
<% } %>
</select>
</td>
</tr>
<tr>
<th width="9%"align="left">Project</th>
<td width="1%" align="center">:</td><td width="25%">
<select name="proj_cde" onfiltered="getValues(this)"">
<option value="select"></option>
<%
String aaa = request.getParameter("co_no");
System.out.println("aaa " +aaa);
ArrayList listProject = trx.display_project();
ListIterator iterProject = listProject.listIterator();
while (iterProject.hasNext()) {
String jProject =(String)iterProject.next();
%>
<option value="<%=jProject %>"><%=jProject %></option>
<% }%>
</select>
</td>
<th width="13%" align="left">Cost Centre</th>
<td width="1%">:</td>
<td width="18%">
<select name="dept_cde" disabled>
<option value="select"></option>
</select>
</td>
</tr>
<tr>
<th width="9%"align="left">Transaction Type</th>
<td width="1%" align="center">:</td>
<td>
<select name="tran_cde" onChange="clearTable(); setReasonCode(this);">
<option value="D" selected>Delivery</option>
</select>
</td>
<th width="13%" align="left">Reason Code</td>
<td width="1%">:</td>
<td width="5%">
<select name="rea_cde">
<option value="select"></option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
how to get the index and value from option dropdow
