Select box

Hi,

I have two select box one for

Type of posting
and
List of category

right now what it is doing if the user select type of posting it will load all the category that belong to the selected type of posting.

what I need to have is too keep the previous selection for list of category

I have type of posting working fine.  but I just have to do the same to the category.

here's what I have

<select name="SelSTPost" size="1" style="width: 180px;"
	onChange="setOptions(this.options[this.selectedIndex].value);"/>
		<option value="" selected="selected">Select type of posting</option>
		<cfoutput query="DispMainMenu">
		<cfif  (isdefined('FORM.SelSTPost')) AND (#FORM.SelSTPost# eq #DispMainMenu.MenuID#)>
		<option value="#DispMainMenu.MenuID#" selected="selected">#DispMainMenu.MainMenuName#</option>
		<cfelse>
		<option value="#DispMainMenu.MenuID#" >#DispMainMenu.MainMenuName#</option>
		</cfif>
		</cfoutput>
	</select>
	
-------------------------------------------
<select name="SelCatg" size="1" style="width: 180px;"/>
		<option value="" selected="selected">Select category</option>
	</select>  

-------------------------------------------

<script language="Javascript">  
function setOptions(chosen) {
var selbox = document.FRMAcc.SelCatg;
var getmySubCat = '<cfoutput>#myList#</cfoutput>';
var CTDataList = getmySubCat.split(",");

   selbox.options.length = 0;
   if (chosen == " " || chosen != "Select All") {  
   selbox.options[selbox.options.length] = new Option('Select category',' ');
   }

   for(var i=0, limit=CTDataList.length; i<limit; i+=3)  
if (chosen == CTDataList[i]) {
  selbox.options[selbox.options.length] = new
Option(CTDataList[i+2],CTDataList[i+1]);
}

}