Selects control

I have 2 selects controls on a dialog box.

The first control is populated from an array say Array1. The second control is initially blank.

When an element in the first select control is chosen, a function is called, and we obtain the elements of the second control from another array say Array2.
Now, the problem is : how can I pass the Array2 back to the second control, which is in the first function?????????

Any idea on this would be most appreciated.




Here is part of the code:



function simpleQuery()
{
lock()

for (i=1;i<scriteria1.length;i++)
{
queriesout=queriesout+" <option value='"+scriteria1[i] +"'>"+scriteria1[i]+"</option>";
}

dHTML="<DIV id='divAnalysisCriteria' onmousemove=cs() this.className='tcb' style='z-index:1000; position:absolute; left:"+(document.body.clientWidth-800)/2+"; top:"+(document.body.clientHeight-450)/2+"; width:550; height:380; Background-color:#444444;' selected=0>"
+" <TABLE border=0 celpadding=0 cellspacing=1 width=100%>"
+" <TBODY>"
+" <TR height=12>"
+" <TD class=th align=left' width=99%><B>Specify Analysis criteria</B></TD>"
+" <TD class=thnm width=12>"
+" <IMG id=close align=right class=button src='images/close.gif' alt='Close window' onclick='hideDiv(divAnalysisCriteria);unlock()' onmouseout='losehighlight(this)' onmouseover='highlight(this)'></IMG>"
+" </TD>"
+" </TR>"
+" <TR class=tca>"
+" <TD colSpan=12>"
+" <BR><BR>"
+"&nbsp&nbsp&nbsp <select class=tcb id=selDate onChange='assignDate(selDate.selectedIndex)' style:'width=150'></input>"
+"&nbsp&nbsp&nbsp <SELECT class=tcb id=selDesc onclick=GetQueryText(querytext) name=preQuery SIZE=11 style='width:250'>"
+queriesout
+"</select>"
+"&nbsp&nbsp&nbsp <SELECT class=tcb id=selDesc name=selCriteria SIZE=11 style='width:300'>"
+queriestext
+"</select>"
VALUE='Okay' onClick='okayFindLocation()'>"
+" <INPUT id=cmdSelectLayerCancel TYPE='BUTTON' VALUE='Cancel' onClick='hideDiv(divAnalysisCriteria);unlock()'>"
+" </TD>"
+" </TR>"
+" </TBODY>"
+" </TABLE>"
+"</DIV>"

if (document.all["divFindLocParameters"]) hideDiv(divAnalysisCriteria)
document.body.insertAdjacentHTML("BeforeEnd",dHTML)
}


function GetQueryText(querytext)
{
var the_index = selDesc.selectedIndex+1
var the_string=the_index.toString()

var scriteria2=querytext.split("|")

for (i=1;i<scriteria2.length;i++)
{
var scrit=scriteria2[i]

var pos1=scrit.search("£")
var criteria_num=scrit.substr(0,pos1)
var criteria_text=scrit.substr(pos1+1,(scrit.length-pos1))

if (criteria_num.valueOf()==the_string.valueOf())
{
queriestext=queriestext+" <option value='"+criteria_text+"'>"+criteria_text+"</option>";
}
}

simplequery(queriestext)

}